refactor(FE): Upgrade xlsx and add HPP per kandang tab

src/components/pages/report/MarketingReportContent.tsx

@@ -4,6 +4,7 @@ import { JSX, useState } from 'react';
 
 import Tabs from '@/components/Tabs';
 import DailyMarketingReportContent from '@/components/pages/report/DailyMarketingReportContent';
+import HppPerKandangTab from './sale/tab/HppPerKandangTab';
 
 type MarketingReportTabType =
   | 'daily'
@@ -21,6 +22,11 @@ const marketingReportTabs: {
     label: 'Penjualan Harian',
     content: <DailyMarketingReportContent />,
   },
+  {
+    id: 'daily-hpp',
+    label: 'HPP Harian Kandang',
+    content: <HppPerKandangTab />,
+  },
 ];
 
 const MarketingReportContent = () => {

src/components/pages/report/sale/tab/HppPerKandangTab.tsx

@@ -29,6 +29,7 @@ import Menu from '@/components/menu/Menu';
 import { generateHppPerKandangPDF } from '../export/HppPerkandangExport';
 import toast from 'react-hot-toast';
 import * as XLSX from 'xlsx';
+import { Icon } from '@iconify/react';
 
 const HppPerKandangTab = () => {
   // ===== STATE MANAGEMENT =====
@@ -797,28 +798,6 @@ const HppPerKandangTab = () => {
         }
         className={{ wrapper: 'w-full', body: 'p-1!' }}
       >
-        <div className='mb-4 flex justify-end gap-2 [&_button]:px-4'>
-          <Button color='primary' onClick={handleSubmit}>
-            Cari
-          </Button>
-          <Button color='warning' onClick={resetFilters}>
-            Reset
-          </Button>
-          <Dropdown
-            trigger={
-              <Button color='success' isLoading={isAnyExportLoading}>
-                Export
-              </Button>
-            }
-            align='end'
-          >
-            <Menu className='w-32'>
-              <MenuItem title='Excel' onClick={handleExportExcel} />
-              <MenuItem title='PDF' onClick={handleExportPDF} />
-            </Menu>
-          </Dropdown>
-        </div>
-
         <div className='grid md:grid-cols-3 grid-cols-1 gap-4'>
           <SelectInput
             label='Area'
@@ -904,6 +883,35 @@ const HppPerKandangTab = () => {
           />
         </div>
 
+        <div className='mt-4 flex justify-end gap-2 [&_button]:px-4'>
+          <Button color='primary' onClick={handleSubmit}>
+            <Icon icon='heroicons:magnifying-glass' width={20} height={20} />
+            Cari
+          </Button>
+          <Button color='warning' onClick={resetFilters}>
+            <Icon icon='heroicons-outline:refresh' width={20} height={20} />
+            Reset
+          </Button>
+          <Dropdown
+            trigger={
+              <Button color='success' isLoading={isAnyExportLoading}>
+                Export
+                <Icon
+                  icon='heroicons-outline:download'
+                  width={20}
+                  height={20}
+                />
+              </Button>
+            }
+            align='end'
+          >
+            <Menu className='w-32'>
+              <MenuItem title='Excel' onClick={handleExportExcel} />
+              <MenuItem title='PDF' onClick={handleExportPDF} />
+            </Menu>
+          </Dropdown>
+        </div>
+
         <div className='divider'></div>
 
         {!isSubmitted ? (