fix(ui): display required asterisk in label

pkgs/clan-app/ui/src/components/Form/Label.css

@@ -12,7 +12,7 @@ div.form-label {
     @apply flex items-center gap-1;
   }
 
-  & > label[data-required] & not(label[data-readonly]) {
+  & > label[data-required]:not(label[data-readonly]) {
     span.typography::after {
       @apply fg-def-4 ml-1;
 

pkgs/clan-app/ui/src/components/Modal/Modal.stories.tsx

@@ -1,11 +1,7 @@
 import { TagProps } from "@/src/components/Tag/Tag";
 import { Meta, StoryObj } from "@kachurun/storybook-solid";
 import { fn } from "storybook/test";
-import {
-  Modal,
-  ModalContext,
-  ModalProps,
-} from "@/src/components/Modal/Modal";
+import { Modal, ModalContext, ModalProps } from "@/src/components/Modal/Modal";
 import { Fieldset } from "@/src/components/Form/Fieldset";
 import { TextInput } from "@/src/components/Form/TextInput";
 import { TextArea } from "@/src/components/Form/TextArea";

pkgs/clan-app/ui/src/components/Sidebar/SidebarNavHeader.tsx

@@ -4,10 +4,7 @@ import { DropdownMenu } from "@kobalte/core/dropdown-menu";
 import { useNavigate } from "@solidjs/router";
 import { Typography } from "../Typography/Typography";
 import { createSignal, For } from "solid-js";
-import {
-  ClanLinkProps,
-  ClanProps,
-} from "@/src/components/Sidebar/SidebarNav";
+import { ClanLinkProps, ClanProps } from "@/src/components/Sidebar/SidebarNav";
 
 export interface SidebarHeaderProps {
   clanDetail: ClanProps;

pkgs/clan-app/ui/src/index.tsx

@@ -19,9 +19,4 @@ if (import.meta.env.DEV) {
   await import("solid-devtools");
 }
 
-render(
-  () => (
-    <h1>Hello World</h1>
-  ),
-  root!,
-);
+render(() => <h1>Hello World</h1>, root!);