fix: Make icon import style consistent

src/lib/components/channel.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { page } from '$app/state';
-  import MessageSquare from 'lucide-svelte/icons/message-square';
+  import { MessageSquare } from 'lucide-svelte';
 
   interface Props {
     channelName: string;

src/lib/components/mainLayout.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import MessagesSquare from 'lucide-svelte/icons/messages-square';
+  import { MessageSquare } from 'lucide-svelte';
   import type { Snippet } from 'svelte';
   import type { PageData } from '../../routes/(main)/$types';
   import Channel from './channel.svelte';
@@ -23,7 +23,7 @@
       <div class="flex h-full max-h-screen flex-col gap-2">
         <div class="flex h-14 items-center border-b px-4 lg:h-[60px] lg:px-6">
           <a href="/" class="flex items-center gap-2 font-semibold">
-            <MessagesSquare class="h-6 w-6" />
+            <MessageSquare class="h-6 w-6" />
             <span class="">SVChat</span>
           </a>
           <ModeSwitcher />

src/lib/components/message.svelte

@@ -4,10 +4,7 @@
   import renderMarkdown from '$lib/functions/renderMarkdown';
   import { type TypeMessage } from '$lib/types';
 
-  import Clipboard from 'lucide-svelte/icons/clipboard';
-  import SquareUserRound from 'lucide-svelte/icons/square-user-round';
-  import IDCard from 'lucide-svelte/icons/id-card';
-  import CalendarClock from 'lucide-svelte/icons/calendar-clock';
+  import { Clipboard, SquareUserRound, IdCard, CalendarClock } from 'lucide-svelte';
 
   interface Props {
     open: boolean;
@@ -63,7 +60,7 @@
     >
     <!-- Copy User ID -->
     <ContextMenu.Item class="flex cursor-pointer items-center gap-1.5" onclick={() => copy('user ID', uid)}
-      ><IDCard size={16} />Copy User ID</ContextMenu.Item
+      ><IdCard size={16} />Copy User ID</ContextMenu.Item
     >
     <ContextMenu.Separator />
     <!-- Copy Text -->

src/lib/components/modeSwitcher.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
   import * as Tooltip from '$lib/components/ui/tooltip';
   import { buttonVariants } from '$lib/components/ui/button';
-  import Moon from 'lucide-svelte/icons/moon-star';
-  import Sun from 'lucide-svelte/icons/sun';
+  import { Moon, Sun } from 'lucide-svelte';
   import { toggleMode } from 'mode-watcher';
 </script>
 

src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { ContextMenu as ContextMenuPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
-  import Check from 'lucide-svelte/icons/check';
-  import Minus from 'lucide-svelte/icons/minus';
+  import { Check, Minus } from 'lucide-svelte';
   import type { Snippet } from 'svelte';
   import { cn } from '$lib/utils.js';
 

src/lib/components/ui/context-menu/context-menu-radio-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { ContextMenu as ContextMenuPrimitive, type WithoutChild } from 'bits-ui';
-  import Circle from 'lucide-svelte/icons/circle';
+  import { Circle } from 'lucide-svelte';
   import { cn } from '$lib/utils.js';
 
   let { ref = $bindable(null), class: className, children: childrenProp, ...restProps }: WithoutChild<ContextMenuPrimitive.RadioItemProps> = $props();

src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { ContextMenu as ContextMenuPrimitive, type WithoutChild } from 'bits-ui';
-  import ChevronRight from 'lucide-svelte/icons/chevron-right';
+  import { ChevronRight } from 'lucide-svelte';
   import { cn } from '$lib/utils.js';
 
   let {

src/lib/components/ui/dialog/dialog-content.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Dialog as DialogPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
-  import X from 'lucide-svelte/icons/x';
+  import { X } from 'lucide-svelte';
   import type { Snippet } from 'svelte';
   import * as Dialog from './index.js';
   import { cn } from '$lib/utils.js';

src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { DropdownMenu as DropdownMenuPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
-  import Check from 'lucide-svelte/icons/check';
-  import Minus from 'lucide-svelte/icons/minus';
+  import { Check, Minus } from 'lucide-svelte';
   import { cn } from '$lib/utils.js';
   import type { Snippet } from 'svelte';
 

src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { DropdownMenu as DropdownMenuPrimitive, type WithoutChild } from 'bits-ui';
-  import Circle from 'lucide-svelte/icons/circle';
+  import { Circle } from 'lucide-svelte';
   import { cn } from '$lib/utils.js';
 
   let {

src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { DropdownMenu as DropdownMenuPrimitive, type WithoutChild } from 'bits-ui';
-  import ChevronRight from 'lucide-svelte/icons/chevron-right';
+  import { ChevronRight } from 'lucide-svelte';
   import { cn } from '$lib/utils.js';
 
   let {

src/lib/components/ui/select/select-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Select as SelectPrimitive, type WithoutChild } from 'bits-ui';
-  import Check from 'lucide-svelte/icons/check';
+  import { Check } from 'lucide-svelte';
   import { cn } from '$lib/utils.js';
 
   let {

src/lib/components/ui/select/select-scroll-down-button.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import ChevronDown from 'lucide-svelte/icons/chevron-down';
+  import { ChevronDown } from 'lucide-svelte';
   import { Select as SelectPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
   import { cn } from '$lib/utils.js';
 

src/lib/components/ui/select/select-scroll-up-button.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import ChevronUp from 'lucide-svelte/icons/chevron-up';
+  import { ChevronUp } from 'lucide-svelte';
   import { Select as SelectPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
   import { cn } from '$lib/utils.js';
 

src/lib/components/ui/select/select-trigger.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Select as SelectPrimitive, type WithoutChild } from 'bits-ui';
-  import ChevronDown from 'lucide-svelte/icons/chevron-down';
+  import { ChevronDown } from 'lucide-svelte';
   import { cn } from '$lib/utils.js';
 
   let { ref = $bindable(null), class: className, children, ...restProps }: WithoutChild<SelectPrimitive.TriggerProps> = $props();

src/lib/components/ui/sheet/sheet-content.svelte

@@ -21,7 +21,7 @@
 
 <script lang="ts">
   import { Dialog as SheetPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
-  import X from 'lucide-svelte/icons/x';
+  import { X } from 'lucide-svelte';
   import type { Snippet } from 'svelte';
   import SheetOverlay from './sheet-overlay.svelte';
   import { cn } from '$lib/utils.js';

src/lib/components/user.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { Button } from '$lib/components/ui/button/index';
   import * as Tooltip from '$lib/components/ui/tooltip';
-  import Cog from 'lucide-svelte/icons/cog';
+  import { Cog } from 'lucide-svelte';
   import type { PageData } from '../../routes/(main)/$types';
   const { data }: { data: PageData } = $props();
 

src/routes/(main)/+error.svelte

@@ -2,7 +2,7 @@
   import { page } from '$app/state';
   import { Button } from '$lib/components/ui/button';
   import * as Card from '$lib/components/ui/card';
-  import BrokenHeart from 'lucide-svelte/icons/heart-crack';
+  import { BrokenHeart } from 'lucide-svelte';
 </script>
 
 <main class="relative size-full">

src/routes/(main)/channel/[channel]/+page.svelte

@@ -6,7 +6,7 @@
   import { buttonVariants } from '$lib/components/ui/button';
   import { autoResize } from '$lib/functions/autoresize.svelte';
   import Websocket from '$lib/functions/clientWebsocket.svelte';
-  import Send from 'lucide-svelte/icons/send';
+  import { Send } from 'lucide-svelte';
   import { io } from 'socket.io-client';
   import { onMount } from 'svelte';
   import type { PageData } from './$types';