chore: adjust MainDrawer styling

src/components/MainDrawer.tsx

@@ -26,29 +26,34 @@ const MainDrawerContent = () => {
   };
 
   return (
-    <div className='w-full p-4 flex flex-col gap-4'>
+    <div className='w-full flex flex-col'>
-      <div className='flex flex-row items-center gap-4'>
+      <div className='p-3 flex flex-row items-center gap-4 border-b border-base-content/10'>
-        <Image
+        <div className='flex flex-row items-center gap-2'>
-          src='/assets/img/lti-logo.png'
+          <Image
-          alt='MBU Logo'
+            src='/assets/img/lti-logo.png'
-          width={256}
+            alt='LTI Logo'
-          height={256}
+            width={40}
-          className='w-full max-w-16 h-auto'
+            height={40}
-        />
+            className='w-full max-w-10 h-auto'
+          />
 
-        <h1 className='text-xl font-bold'>LTI ERP</h1>
+          <div className='font-roboto'>
+            <h1 className='text-sm font-semibold'>LTI ERP</h1>
+            <p className='text-sm text-black/50'>Lumbung Telur Indonesia</p>
+          </div>
+        </div>
 
         <div className='grow flex flex-row justify-end sm:hidden'>
           <Button
             variant='soft'
             color='error'
             onClick={closeMainDrawerHandler}
-            className='rounded-full'
+            className='p-1 rounded-full'
           >
             <Icon
               icon='material-symbols:close-rounded'
-              width={24}
+              width={16}
-              height={24}
+              height={16}
             />
           </Button>
         </div>
@@ -121,6 +126,10 @@ const MainDrawer = ({
       setOpen={setMainDrawerOpen}
       openOnLarge
       sidebarContent={<MainDrawerContent />}
+      className={{
+        drawerSide: 'border-r border-base-content/10',
+        drawerSidebarContent: 'min-w-[244px] lg:w-[244px]',
+      }}
     >
       <main className='w-full h-full flex flex-col'>
         <Navbar title={pageTitle as string} toggleSidebar={toggleSidebar} />