style: apply consistent code formatting across project files

src/app/(app)/page.tsx

@@ -11,37 +11,38 @@ export default async function Dashboard() {
   const orders = await getAvailableOrders()
 
   return (
-    <div className="space-y-8 animate-in fade-in duration-500">
+    <div className="animate-in fade-in space-y-8 duration-500">
       {/* Banner / Hero Section */}
-      <div className="relative overflow-hidden rounded-3xl bg-gradient-to-r from-[#1B2CC1] via-[#2135E0] to-[#121E85] p-6 sm:p-8 text-white shadow-xl shadow-[#1B2CC1]/15">
-        <div className="absolute right-0 top-0 -mt-10 -mr-10 h-64 w-64 rounded-full bg-white/10 blur-3xl pointer-events-none" />
+      <div className="relative overflow-hidden rounded-3xl bg-gradient-to-r from-[#1B2CC1] via-[#2135E0] to-[#121E85] p-6 text-white shadow-xl shadow-[#1B2CC1]/15 sm:p-8">
+        <div className="pointer-events-none absolute top-0 right-0 -mt-10 -mr-10 h-64 w-64 rounded-full bg-white/10 blur-3xl" />
         <div className="relative z-10 max-w-2xl space-y-3">
-          <div className="inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-xs font-bold text-blue-100 backdrop-blur-md border border-white/20">
+          <div className="inline-flex items-center gap-2 rounded-full border border-white/20 bg-white/15 px-3 py-1 text-xs font-bold text-blue-100 backdrop-blur-md">
             <Sparkles className="h-3.5 w-3.5" />
             <span>Sistem Titip & Jastip Cepat</span>
           </div>
-          <h2 className="text-2xl sm:text-3xl font-black tracking-tight leading-tight">
+          <h2 className="text-2xl leading-tight font-black tracking-tight sm:text-3xl">
             Titip Makanan & Minuman Bareng Teman Kantor
           </h2>
-          <p className="text-sm text-blue-100/90 leading-relaxed max-w-xl">
-            Pilih PO yang sedang buka hari ini, tentukan menu favoritmu, dan biarkan pembuat PO mengurus tagihan secara praktis.
+          <p className="max-w-xl text-sm leading-relaxed text-blue-100/90">
+            Pilih PO yang sedang buka hari ini, tentukan menu favoritmu, dan biarkan pembuat PO
+            mengurus tagihan secara praktis.
           </p>
-          <div className="pt-2 flex flex-wrap gap-3">
-            <Link 
+          <div className="flex flex-wrap gap-3 pt-2">
+            <Link
               href="/my-orders"
               className={cn(
                 buttonVariants(),
-                "rounded-xl bg-white text-[#1B2CC1] hover:bg-blue-50 font-bold shadow-md h-10 px-5 gap-2"
+                'h-10 gap-2 rounded-xl bg-white px-5 font-bold text-[#1B2CC1] shadow-md hover:bg-blue-50'
               )}
             >
-              <Plus className="w-4 h-4" />
+              <Plus className="h-4 w-4" />
               Buka Jasa PO Baru
             </Link>
-            <Link 
+            <Link
               href="/my-purchases"
               className={cn(
-                buttonVariants({ variant: "outline" }),
-                "rounded-xl bg-white/10 hover:bg-white/20 text-white border-white/20 font-semibold h-10 px-4"
+                buttonVariants({ variant: 'outline' }),
+                'h-10 rounded-xl border-white/20 bg-white/10 px-4 font-semibold text-white hover:bg-white/20'
               )}
             >
               Lihat Titipan Saya
@@ -51,46 +52,49 @@ export default async function Dashboard() {
       </div>
 
       {/* Main Grid Header */}
-      <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
+      <div className="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
         <div>
           <div className="flex items-center gap-2">
-            <div className="w-2.5 h-2.5 rounded-full bg-[#1B2CC1] animate-pulse" />
-            <h2 className="text-xl font-black text-slate-900 dark:text-white tracking-tight">
+            <div className="h-2.5 w-2.5 animate-pulse rounded-full bg-[#1B2CC1]" />
+            <h2 className="text-xl font-black tracking-tight text-slate-900 dark:text-white">
               Daftar PO Terbuka Hari Ini
             </h2>
           </div>
-          <p className="text-xs text-slate-500 dark:text-slate-400 mt-0.5">
+          <p className="mt-0.5 text-xs text-slate-500 dark:text-slate-400">
             Pesanan dengan status OPEN yang bisa Anda ikuti hari ini.
           </p>
         </div>
 
-        <span className="text-xs font-bold text-[#1B2CC1] bg-[#1B2CC1]/10 px-3 py-1.5 rounded-xl">
+        <span className="rounded-xl bg-[#1B2CC1]/10 px-3 py-1.5 text-xs font-bold text-[#1B2CC1]">
           Total: {orders.length} PO Aktif
         </span>
       </div>
-      
+
       {orders.length === 0 ? (
-        <div className="flex flex-col items-center justify-center p-12 sm:p-16 text-center rounded-3xl border-2 border-dashed border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 shadow-sm">
-          <div className="w-16 h-16 bg-[#1B2CC1]/10 rounded-2xl flex items-center justify-center mb-4 text-[#1B2CC1]">
-            <Store className="w-8 h-8" />
+        <div className="flex flex-col items-center justify-center rounded-3xl border-2 border-dashed border-slate-200 bg-white p-12 text-center shadow-sm sm:p-16 dark:border-slate-800 dark:bg-slate-900">
+          <div className="mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-[#1B2CC1]/10 text-[#1B2CC1]">
+            <Store className="h-8 w-8" />
           </div>
-          <h3 className="text-lg font-bold text-slate-800 dark:text-slate-200 mb-1">Belum Ada PO yang Dibuka Hari Ini</h3>
-          <p className="text-xs text-slate-500 max-w-md mb-6 leading-relaxed">
-            Mau jajan atau beli sesuatu? Jadilah orang pertama yang membuka jasa titip pesanan untuk teman-teman Anda!
+          <h3 className="mb-1 text-lg font-bold text-slate-800 dark:text-slate-200">
+            Belum Ada PO yang Dibuka Hari Ini
+          </h3>
+          <p className="mb-6 max-w-md text-xs leading-relaxed text-slate-500">
+            Mau jajan atau beli sesuatu? Jadilah orang pertama yang membuka jasa titip pesanan untuk
+            teman-teman Anda!
           </p>
-          <Link 
+          <Link
             href="/my-orders"
             className={cn(
               buttonVariants(),
-              "bg-[#1B2CC1] hover:bg-[#15229E] text-white font-bold rounded-xl shadow-md shadow-[#1B2CC1]/25 h-10 px-5 gap-2"
+              'h-10 gap-2 rounded-xl bg-[#1B2CC1] px-5 font-bold text-white shadow-md shadow-[#1B2CC1]/25 hover:bg-[#15229E]'
             )}
           >
-            <Plus className="w-4 h-4" /> Buka PO Sekarang
+            <Plus className="h-4 w-4" /> Buka PO Sekarang
           </Link>
         </div>
       ) : (
-        <div className="flex flex-col h-full space-y-4">
-          <div className="flex flex-col space-y-4 max-h-[calc(100vh-260px)] overflow-y-auto pr-2 scrollbar-thin">
+        <div className="flex h-full flex-col space-y-4">
+          <div className="flex max-h-[calc(100vh-260px)] scrollbar-thin flex-col space-y-4 overflow-y-auto pr-2">
             {orders.map((order: any) => (
               <OrderCard key={order.id} order={order} />
             ))}