[PATCH v1 02/17] refactor: optimize icon imports to reduce bundle size

[Muhammad Rizki <kiizuha@gnuweeb.org>]

Previously, all lucide-Svelte icons were imported, increasing the bundle
size. This update changes the import to only include specific icons,
reducing the lucide-svelte-related bundle size.

Signed-off-by: Muhammad Rizki <kiizuha@gnuweeb.org>
---
 src/lib/components/customs/app-sidebar.svelte        | 4 +++-
 src/lib/components/ui/input/input-password.svelte    | 3 ++-
 src/lib/constants/navigations.ts                     | 3 ++-
 src/routes/(protected)/settings/profile/+page.svelte | 4 ++--
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/customs/app-sidebar.svelte b/src/lib/components/customs/app-sidebar.svelte
index 2fba975..7ccc59c 100644
--- a/src/lib/components/customs/app-sidebar.svelte
+++ b/src/lib/components/customs/app-sidebar.svelte
@@ -3,7 +3,9 @@
   import Separator from "$components/ui/separator/separator.svelte";
   import * as Sidebar from "$lib/components/ui/sidebar";
   import { useAuth } from "$lib/hooks/auth.svelte";
-  import { LogOut, Mails, SquareArrowOutUpRight } from "lucide-svelte";
+  import LogOut from "lucide-svelte/icons/log-out";
+  import Mails from "lucide-svelte/icons/mails";
+  import SquareArrowOutUpRight from "lucide-svelte/icons/square-arrow-out-up-right";
   import type { ComponentProps } from "svelte";
   import { goto } from "$app/navigation";
   import Button from "$components/ui/button/button.svelte";
diff --git a/src/lib/components/ui/input/input-password.svelte b/src/lib/components/ui/input/input-password.svelte
index ac1df87..6e2c1ab 100644
--- a/src/lib/components/ui/input/input-password.svelte
+++ b/src/lib/components/ui/input/input-password.svelte
@@ -3,7 +3,8 @@
   import type { HTMLInputAttributes } from "svelte/elements";
   import Input from "./input.svelte";
   import Button from "$components/ui/button/button.svelte";
-  import { EyeIcon, EyeOffIcon } from "lucide-svelte";
+  import EyeIcon from "lucide-svelte/icons/eye";
+  import EyeOffIcon from "lucide-svelte/icons/eye-off";
 
   let {
     ref = $bindable(null),
diff --git a/src/lib/constants/navigations.ts b/src/lib/constants/navigations.ts
index ada0e40..ca5e77b 100644
--- a/src/lib/constants/navigations.ts
+++ b/src/lib/constants/navigations.ts
@@ -1,5 +1,6 @@
 import * as typing from "$typings";
-import { Home, Settings } from "lucide-svelte";
+import Home from "lucide-svelte/icons/home"
+import Settings from "lucide-svelte/icons/settings"
 
 export const navigations: typing.Navigations[] = [
   {
diff --git a/src/routes/(protected)/settings/profile/+page.svelte b/src/routes/(protected)/settings/profile/+page.svelte
index 442e271..05f62b8 100644
--- a/src/routes/(protected)/settings/profile/+page.svelte
+++ b/src/routes/(protected)/settings/profile/+page.svelte
@@ -3,7 +3,7 @@
   import { superForm } from "sveltekit-superforms";
   import { zodClient } from "sveltekit-superforms/adapters";
   import { profileSchema } from "$lib/schemas/profile-schema";
-  import { Pencil } from "lucide-svelte";
+  import Pencil from "lucide-svelte/icons/pencil";
   import * as Avatar from "$lib/components/ui/avatar";
   import * as Form from "$lib/components/ui/form";
   import * as RadioGroup from "$lib/components/ui/radio-group";
@@ -18,7 +18,7 @@
 
   const form = superForm(data.form, {
     SPA: true,
-    validators: zodClient(profileSchema),
+    validators: zodClient(profileSchema)
   });
 
   const getShortName = () => {
-- 
Muhammad Rizki