Implement collaboration wallets, withdrawals, and app UI flows

src/pages/admin/AdminSettings.tsx

@@ -9,7 +9,8 @@ import { NotifikasiTab } from '@/components/admin/settings/NotifikasiTab';
 import { KonsultasiTab } from '@/components/admin/settings/KonsultasiTab';
 import { BrandingTab } from '@/components/admin/settings/BrandingTab';
 import { IntegrasiTab } from '@/components/admin/settings/IntegrasiTab';
-import { Clock, Bell, Video, Palette, Puzzle } from 'lucide-react';
+import { CollaborationTab } from '@/components/admin/settings/CollaborationTab';
+import { Clock, Bell, Video, Palette, Puzzle, Wallet } from 'lucide-react';
 
 export default function AdminSettings() {
   const { user, isAdmin, loading: authLoading } = useAuth();
@@ -34,7 +35,7 @@ export default function AdminSettings() {
         <p className="text-muted-foreground mb-8">Konfigurasi platform</p>
 
         <Tabs defaultValue="workhours" className="space-y-6">
-          <TabsList className="grid w-full grid-cols-5 lg:w-auto lg:inline-flex">
+          <TabsList className="grid w-full grid-cols-3 md:grid-cols-6 lg:w-auto lg:inline-flex">
             <TabsTrigger value="workhours" className="flex items-center gap-2">
               <Clock className="w-4 h-4" />
               <span className="hidden sm:inline">Jam Kerja</span>
@@ -55,6 +56,10 @@ export default function AdminSettings() {
               <Puzzle className="w-4 h-4" />
               <span className="hidden sm:inline">Integrasi</span>
             </TabsTrigger>
+            <TabsTrigger value="collaboration" className="flex items-center gap-2">
+              <Wallet className="w-4 h-4" />
+              <span className="hidden sm:inline">Kolaborasi</span>
+            </TabsTrigger>
           </TabsList>
 
           <TabsContent value="workhours">
@@ -76,6 +81,10 @@ export default function AdminSettings() {
           <TabsContent value="integrasi">
             <IntegrasiTab />
           </TabsContent>
+
+          <TabsContent value="collaboration">
+            <CollaborationTab />
+          </TabsContent>
         </Tabs>
       </div>
     </AppLayout>