update report

src/views/dashboards/daily-report/report-header.tsx

@@ -7,9 +7,6 @@ import type { FC } from 'react'
 import { Box, Typography, Divider } from '@mui/material'
 import { useTheme } from '@mui/material/styles'
 
-// Component Imports
-import Logo from '@core/svg/Logo'
-
 // Type Imports
 import type { Outlet } from '@/types/services/outlet'
 
@@ -39,75 +36,28 @@ const ReportHeader: FC<ReportHeaderProps> = ({
   return (
     <Box className={className}>
       <Box sx={{ p: theme.spacing(8, 8, 6) }}>
-        <Box sx={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between' }}>
-          {/* Left Section - Brand & Outlet Info */}
-          <Box sx={{ display: 'flex', alignItems: 'center', gap: 4 }}>
-            <Logo />
-            <Box>
-              <Typography
-                variant='h3'
-                component='h1'
-                sx={{
-                  fontWeight: 700,
-                  color: brandColor || theme.palette.primary.main
-                }}
-              >
-                {brandName}
-              </Typography>
-              {outlet?.name && (
-                <Typography
-                  variant='h5'
-                  component='h2'
-                  sx={{
-                    fontWeight: 600,
-                    mt: 1,
-                    color: '#222222'
-                  }}
-                >
-                  {outlet.name}
-                </Typography>
-              )}
-              {outlet?.address && (
-                <Typography
-                  variant='body2'
-                  sx={{
-                    mt: 1,
-                    color: '#222222'
-                  }}
-                >
-                  {outlet.address}
-                </Typography>
-              )}
-            </Box>
-          </Box>
-
-          {/* Right Section - Report Info */}
-          <Box sx={{ textAlign: 'right' }}>
+        <Box sx={{ textAlign: 'center' }}>
+          <Typography
+            variant='h4'
+            component='h3'
+            sx={{
+              fontWeight: 700,
+              color: '#222222'
+            }}
+          >
+            {reportTitle}
+          </Typography>
+          {periode && (
             <Typography
-              variant='h4'
-              component='h3'
+              variant='body2'
               sx={{
-                fontWeight: 700,
-                color: '#222222'
+                color: '#222222',
+                mt: 2
               }}
             >
-              {reportTitle}
+              {periode}
             </Typography>
-            {periode && (
-              <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: 2, mt: 2 }}>
-                <Typography variant='body2' sx={{ color: '#222222' }}>
-                  {periode}
-                </Typography>
-              </Box>
-            )}
-            {reportSubtitle && (
-              <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: 2, mt: 2 }}>
-                <Typography variant='body2' sx={{ color: '#222222' }}>
-                  {reportSubtitle}
-                </Typography>
-              </Box>
-            )}
-          </Box>
+          )}
         </Box>
       </Box>
       <Divider