upd: auth

Deskripsi:
-update login
- update struktur database

No Issues

src/frontend/routes/apps.index.tsx

@@ -1,5 +1,7 @@
 import { useQuery } from '@tanstack/react-query'
 import { Container, Stack, Title, Text, SimpleGrid, Group, Button, TextInput, Loader } from '@mantine/core'
+import { useDebouncedValue } from '@mantine/hooks'
+import { useState } from 'react'
 import { createFileRoute } from '@tanstack/react-router'
 import { TbPlus, TbSearch } from 'react-icons/tb'
 import { DashboardLayout } from '@/frontend/components/DashboardLayout'
@@ -10,9 +12,12 @@ export const Route = createFileRoute('/apps/')({
 })
 
 function AppsPage() {
+  const [search, setSearch] = useState('')
+  const [debouncedSearch] = useDebouncedValue(search, 300)
+
   const { data: apps, isLoading } = useQuery({
-    queryKey: ['apps'],
-    queryFn: () => fetch('/api/apps').then((r) => r.json()),
+    queryKey: ['apps', debouncedSearch],
+    queryFn: () => fetch(`/api/apps?search=${encodeURIComponent(debouncedSearch)}`).then((r) => r.json()),
   })
 
   return (
@@ -24,14 +29,14 @@ function AppsPage() {
               <Title order={2} className="gradient-text">Applications</Title>
               <Text size="sm" c="dimmed">Manage and monitor all your mobile applications from one place.</Text>
             </Stack>
-            <Button
+            {/* <Button
               variant="gradient"
               gradient={{ from: '#2563EB', to: '#7C3AED', deg: 135 }}
               leftSection={<TbPlus size={18} />}
               radius="md"
             >
               Add New Application
-            </Button>
+            </Button> */}
           </Group>
 
           <Group>
@@ -40,6 +45,8 @@ function AppsPage() {
               leftSection={<TbSearch size={16} />}
               style={{ flex: 1 }}
               radius="md"
+              value={search}
+              onChange={(e) => setSearch(e.currentTarget.value)}
             />
           </Group>