style(list component): run prettier to format changed files

Author: paghar

data/components.tsx

@@ -348,7 +348,7 @@ export const COMPONENTS_DATA: Component[] = [
     image: '/images/components/list.svg',
     imageDark: '/images/components/list-dark.svg',
     link: `/docs/typography/list`,
-    classes: 'w-64'
+    classes: 'w-64',
   },
   // {
   //   name: 'Link',

src/components/List/List.spec.tsx

@@ -34,4 +34,4 @@ const TestList = (): JSX.Element => {
   );
 };
 
-const listGroup = () => screen.getByRole('list');
+const listGroup = () => screen.getByRole('list');

src/components/List/List.stories.tsx

@@ -19,4 +19,4 @@ DefaultList.args = {
       <List.Item>Inclusion of at least one special character, e.g., ! @ # ? </List.Item>
     </>
   ),
-};
+};

src/components/List/ListItem.tsx

@@ -1,8 +1,8 @@
 import type { FC, PropsWithChildren } from 'react';
 import { twMerge } from 'tailwind-merge';
-import type { DeepPartial } from '../../types';
-import { getTheme } from '../../theme-store';
 import { mergeDeep } from '../../helpers/merge-deep';
+import { getTheme } from '../../theme-store';
+import type { DeepPartial } from '../../types';
 
 export interface FlowbiteListItemTheme {
   base: string;
@@ -17,4 +17,4 @@ export const ListItem: FC<ListItemProps> = ({ children, className, theme: custom
   const theme = mergeDeep(getTheme().listGroup.item, customTheme);
 
   return <li className={twMerge(theme.base, className)}>{children}</li>;
-};
+};

src/components/List/theme.ts

@@ -10,4 +10,4 @@ export const listTheme: FlowbiteListTheme = {
     unstyled: 'list-none',
     nested: 'ps-5 mt-2 space-y-1',
   },
-};
+};