chore: change sidemenu items padding

src/components/menu/SideMenu.tsx

@@ -86,7 +86,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
         return (
             <section className="flex-1 overflow-y-scroll noscrollbar pt-20 pb-10 flex flex-col justify-between md:w-[160px] xl:w-[285px]">
                 <div className=''>
-                    <header className="px-8 pt-6 mt-3 md:px-6 xl:px-12">
+                    <header className="px-5 pt-6 mt-3 md:px-6 xl:px-12">
                         <h6 className="text-start font-bold text-sm text-menu-header mt-2 mb-[19px]">منو</h6>
                     </header>
 

src/components/menu/SideMenuItem.tsx

@@ -14,7 +14,7 @@ export default function SideMenuItem({ href, title, icon, className, children, .
             {...restProps}
             href={href}
             className={`
-                inline-flex gap-3 ps-9 md:ps-6 xl:ps-9 h-full w-full items-center overflow-hidden text-nowrap
+                inline-flex gap-3 ps-6 xl:ps-9 h-full w-full items-center overflow-hidden text-nowrap
                 text-xs font-light text-disabled-text border-transparent
                 data-[active]:border-s-6 data-[active]:border-black data-[active]:text-black
                 ${className}