feat(FE-361): Add logistic stock tabs and tweak styles

src/app/report/logistic-stock/page.tsx

@@ -10,11 +10,21 @@ const LogisticStock = () => {
       label: 'Rekapitulasi Pembelian Per Supplier',
       content: <PurchasesPerSupplierTab />,
     },
+    {
+      id: '2',
+      label: 'Rekapitulasi Pemakaian Barang',
+      content: <PurchasesPerSupplierTab />,
+    },
+    {
+      id: '3',
+      label: 'Rekapitulasi Stock Persediaan Barang',
+      content: <PurchasesPerSupplierTab />,
+    },
   ];
 
   return (
     <section className='w-full p-4'>
-      <Tabs tabs={tabs} variant='boxed' />
+      <Tabs tabs={tabs} variant='lifted' />
     </section>
   );
 };

src/components/pages/report/logistic-stock/PurchasesPerSupplierTab.tsx

@@ -307,7 +307,7 @@ const PurchasesPerSupplierTab = () => {
     <>
       <Card
         subtitle='Laporan > Rekapitulasi Pembelian Per Supplier'
-        className={{ wrapper: 'w-full' }}
+        className={{ wrapper: 'w-full', body: 'p-1!' }}
       >
         <div className='grid grid-cols-1 md:grid-cols-3 gap-4'>
           {/* TODO START */}