fix import paths and button input bug

Author: jaminwebdev

src/lib/components/dashboard/TaskInput.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Button } from '@/lib/components/ui/button/index.js';
+	import { Button } from '@/lib/components/ui/button';
 	import { Input } from '@/lib/components/ui/input/index';
 	import { api } from '@/convex/_generated/api';
 	import { useConvexClient } from 'convex-svelte';

src/lib/components/dashboard/TaskItem.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Button } from '@/lib/components/ui/button/index.js';
+	import { Button } from '@/lib/components/ui/button';
 	import { Checkbox } from '@/lib/components/ui/checkbox/index.js';
 	import { Label } from '@/lib/components/ui/label/index.js';
 	import { CircleX } from '@lucide/svelte';

src/lib/components/marketing/navigation/MarketingDesktopNav.svelte

@@ -2,7 +2,7 @@
 	import { SignedIn, UserButton } from 'svelte-clerk/client';
 	import ThemeToggle from '@/lib/components/ThemeToggle.svelte';
 	import Container from '@/lib/components/Container.svelte';
-	import { Button } from '$lib/components/ui/button/index.js';
+	import { Button } from '@/lib/components/ui/button';
 	import { LayoutDashboard } from 'lucide-svelte';
 	import SiteLogo from '@/lib/components/SiteLogo.svelte';
 </script>

src/lib/components/marketing/sections/MarketingFooter.svelte

@@ -1,7 +1,7 @@
 <script>
 	import Container from '@/lib/components/Container.svelte';
 	import SiteLogo from '@/lib/components/SiteLogo.svelte';
-	import Button from '../../ui/button/button.svelte';
+	import { Button } from '@/lib/components/ui/button';
 </script>
 
 <footer class="pt-4 sm:pt-6 lg:pt-8">
@@ -14,15 +14,13 @@
 					<span class="font-bold tracking-widest">Newsletter</span>
 					<p>Subscribe to our newsletter</p>
 				</div>
-
-				<form class="flex w-full gap-2 md:max-w-md">
+				<div class="flex w-full gap-2 md:max-w-md">
 					<input
 						placeholder="Email"
 						class="w-full flex-1 rounded border bg-gray-50 px-3 py-2 placeholder-gray-500 ring-indigo-300 transition duration-100 outline-none focus:ring"
 					/>
-
-					<Button size="lg">Send</Button>
-				</form>
+				</div>
+				<Button>Hello</Button>
 			</div>
 		</div>
 

src/lib/components/marketing/sections/MarketingInfo.svelte

@@ -1,7 +1,7 @@
 <script>
 	import { ChevronRight } from 'lucide-svelte';
 	import PillSubheading from '../../PillSubheading.svelte';
-	import Button from '../../ui/button/button.svelte';
+	import { Button } from '@/lib/components/ui/button';
 </script>
 
 <section class="relative mr-0 py-24 lg:mr-5 xl:mr-0">

src/lib/components/marketing/sections/MarketingTeam.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import Container from '@/lib/components/Container.svelte';
 	import PillSubheading from '@/lib/components/PillSubheading.svelte';
-	import Button from '@/lib/components/ui/button/button.svelte';
+	import { Button } from '@/lib/components/ui/button';
 </script>
 
 <Container>

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

@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { Button } from "$lib/components/ui/button/index.js";
-	import { cn } from "$lib/utils.js";
-	import PanelLeft from "@lucide/svelte/icons/panel-left";
-	import type { ComponentProps } from "svelte";
-	import { useSidebar } from "./context.svelte.js";
+	import { Button } from '@/lib/components/ui/button';
+	import { cn } from '$lib/utils.js';
+	import PanelLeft from '@lucide/svelte/icons/panel-left';
+	import type { ComponentProps } from 'svelte';
+	import { useSidebar } from './context.svelte.js';
 
 	let {
 		ref = $bindable(null),
@@ -26,7 +26,7 @@
 	data-sidebar="trigger"
 	variant="ghost"
 	size="icon"
-	class={cn("h-7 w-7", className)}
+	class={cn('h-7 w-7', className)}
 	{...restProps}
 >
 	<PanelLeft />

src/routes/(marketing)/+page.svelte

@@ -5,7 +5,7 @@
 	import MarketingInsights from '@/lib/components/marketing/sections/MarketingInsights.svelte';
 	import MarketingTeam from '@/lib/components/marketing/sections/MarketingTeam.svelte';
 	import MarketingTestimonials from '@/lib/components/marketing/sections/MarketingTestimonials.svelte';
-	import Button from '@/lib/components/ui/button/button.svelte';
+	import { Button } from '@/lib/components/ui/button';
 </script>
 
 <section class="mx-auto max-w-screen-2xl px-4 md:px-8">