fix layout styles issues

components/pages/footer.tsx

@@ -7,7 +7,7 @@ const nowDay = new Date().getFullYear();
 const Footer = () => {
   return (
     <>
-      <footer className="max-w-6xl px-4 mx-auto xl:px-0">
+      <footer className="w-full max-w-6xl px-4 mx-auto xl:px-0">
         <div className="h-[2px] bg-slate-500"></div>
 
         <div

components/pages/nav-bar.tsx

@@ -76,7 +76,7 @@ const HeadBar = () => {
       <header
         className={clsx(
           'flex justify-between mx-auto',
-          'max-w-6xl p-4 xl:px-0 h-[84px]',
+          'max-w-6xl p-4 xl:px-0 w-full',
           'items-center relative',
         )}
       >