feat(ui): add With Icon storybook (#1316)

* feat(ui): add With Icon storybook

* format(ui): run formatter

Author: paghar

packages/ui/src/components/List/List.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryFn } from "@storybook/react";
+import { HiCheckCircle } from "react-icons/hi";
 import type { ListProps } from "./List";
 import { List } from "./List";
 
@@ -96,3 +97,15 @@ HorizontalList.args = {
     </>
   ),
 };
+
+export const WithIconList = Template.bind({});
+WithIconList.storyName = "With Icon";
+WithIconList.args = {
+  children: (
+    <>
+      <List.Item icon={HiCheckCircle}>At least 10 characters (and up to 100 characters)</List.Item>
+      <List.Item icon={HiCheckCircle}>At least one lowercase character</List.Item>
+      <List.Item icon={HiCheckCircle}>Inclusion of at least one special character, e.g., ! @ # ?</List.Item>
+    </>
+  ),
+};