ui/TagGroup: use css modules for TagGroup

pkgs/clan-app/ui/src/components/TagGroup/TagGroup.module.css

@@ -1,3 +1,3 @@
-div.tag-group {
+.tagGroup {
   @apply flex flex-wrap gap-x-1.5 gap-y-2;
 }

pkgs/clan-app/ui/src/components/TagGroup/TagGroup.tsx

@@ -1,21 +1,20 @@
-import "./TagGroup.css";
+import styles from "./TagGroup.module.css";
 import cx from "classnames";
-import { For } from "solid-js";
+import { For, mergeProps } from "solid-js";
 import { Tag } from "@/src/components/Tag/Tag";
 
 export interface TagGroupProps {
-  class?: string;
   labels: string[];
   inverted?: boolean;
 }
 
 export const TagGroup = (props: TagGroupProps) => {
-  const inverted = () => props.inverted || false;
+  const local = mergeProps({ inverted: false } as const, props);
 
   return (
-    <div class={cx("tag-group", props.class, { inverted: inverted() })}>
+    <div class={cx(styles.tagGroup, { inverted: local.inverted })}>
       <For each={props.labels}>
-        {(label) => <Tag inverted={inverted()}>{label}</Tag>}
+        {(label) => <Tag inverted={local.inverted}>{label}</Tag>}
       </For>
     </div>
   );