feat: refactor UI components and integrate new features

- Remove unused app.ts file.
- Enhance Home component with CNB integration for user authentication.
- Update root route to include Toaster component for notifications.
- Add Avatar, Badge, Card, Dialog, Dropdown Menu, Input, Label, Select, Separator, Sonner, Table, and Tabs components for improved UI.
- Create config page structure.

src/routes/__root.tsx

@@ -1,5 +1,6 @@
 import { Link, Outlet, createRootRoute } from '@tanstack/react-router'
 import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
+import { Toaster } from '@/components/ui/sonner'
 
 export const Route = createRootRoute({
   component: RootComponent,
@@ -7,7 +8,8 @@ export const Route = createRootRoute({
 
 function RootComponent() {
   return (
-    <>
+    <div>
+
       <div className="p-2 flex gap-2 text-lg">
         <Link
           to="/"
@@ -22,6 +24,8 @@ function RootComponent() {
       <hr />
       <Outlet />
       <TanStackRouterDevtools position="bottom-right" />
-    </>
+      <Toaster />
+    </div>
+
   )
 }