feat : update path props types components import

src/components/alert/Alert.tsx

@@ -1,4 +1,4 @@
-import { AlertProps, MessageType } from "../../types/alertProps";
+import { AlertProps, MessageType } from "../../types/props";
 
 const Alert = ({ children, type = "info", message }: AlertProps) => {
   const types: Record<

src/components/button/index.tsx

@@ -1,4 +1,4 @@
-import { ButtonProps } from "../../types/buttonProps";
+import { ButtonProps } from "../../types/props";
 
 function Button({ children, onClick, extra }: ButtonProps) {
   return (

src/components/header/components/navbar/MobileMenu.tsx

@@ -1,5 +1,5 @@
 // src/components/Header/Navbar/MobileMenu.tsx
-import { MobileMenuProps } from "../../../../types/mobileMenu";
+import { MobileMenuProps } from "../../../../types/props";
 import NavbarLink from "./NavbarLink";
 const MobileMenu = ({ isOpen, toggleMenu, routes }: MobileMenuProps) => {
   return (

src/components/header/components/navbar/MobileMenuButton.tsx

@@ -1,4 +1,4 @@
-import { MobileMenuButtonProps } from "../../../../types/mobileMenuButton";
+import { MobileMenuButtonProps } from "../../../../types/props";
 
 const MobileMenuButton = ({ isOpen, onClick }: MobileMenuButtonProps) => {
   return (

src/components/header/components/navbar/Navbar.tsx

@@ -6,7 +6,7 @@ import NavbarLink from "./NavbarLink";
 import router from "../../../../routes/routes";
 import Button from "../../../button";
 import { Link } from "react-router-dom";
-import { Route } from "../../../../types/routes";
+import { Route } from "../../../../types/props";
 
 const Navbar = () => {
   const [isOpen, setIsOpen] = useState<boolean>(false);

src/components/header/components/navbar/NavbarLink.tsx

@@ -1,5 +1,5 @@
 import { NavLink } from "react-router-dom";
-import { NavbarLinkProps, NavData } from "../../../../types/navbarLink";
+import { NavbarLinkProps, NavData } from "../../../../types/props";
 
 const NavbarLink = ({ to, children, onClick }: NavbarLinkProps) => {
   return (

src/layout/index.tsx

@@ -4,11 +4,15 @@ import Footer from "../components/footer";
 
 const Layout = () => {
   return (
-    <div className={`relative bg-noisy w-full h-full`}>
-      <Header />
-      <main className="h-[100vh] p-5">
-        <Outlet />
-      </main>
+    <div
+      className={`relative bg-noisy w-full flex flex-col justify-between min-h-screen`}
+    >
+      <div className="relative w-full h-full">
+        <Header />
+        <main className="w-full h-full px-5 py-0">
+          <Outlet />
+        </main>
+      </div>
       <Footer />
     </div>
   );