feat: added product page

src/lib/components/ui/icon/Icon.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { icons } from '@lucide/svelte'
+  import type { IconKeys } from '.'
+  let {
+    name,
+    class: className,
+    ...props
+  }: { name: IconKeys; class?: string } = $props()
+
+  const Icon = $derived.by(() => {
+    if (name in icons) {
+      // @ts-ignore
+      return icons[name]
+    }
+  })
+</script>
+
+{#if Icon}
+  <Icon class={className} {...props} />
+{/if}

src/lib/components/ui/icon/index.ts

@@ -0,0 +1,5 @@
+import Icon from './Icon.svelte'
+import { icons } from '@lucide/svelte'
+type IconKeys = keyof typeof icons
+
+export { Icon, type IconKeys }