feat : add types for all props components , add scroll css styles

src/types/alertProps.d.ts

@@ -0,0 +1,7 @@
+export type MessageType = "info" | "danger" | "success" | "warning" | "dark";
+
+export interface AlertProps {
+  children: React.ReactNode;
+  type?: "info" | "danger" | "success" | "warning" | "dark";
+  message: string;
+}

src/types/buttonProps.d.ts

@@ -0,0 +1,5 @@
+export interface ButtonProps {
+  children: React.ReactNode;
+  onClick?: () => void;
+  extra?: React.CSSProperties;
+}

src/types/mobileMenu.d.ts

@@ -0,0 +1,7 @@
+import { Route } from "./routes";
+
+export interface MobileMenuProps {
+  isOpen: boolean;
+  toggleMenu: () => void;
+  routes: Route[];
+}

src/types/mobileMenuButton.d.ts

@@ -0,0 +1,4 @@
+export interface MobileMenuButtonProps {
+  isOpen: boolean;
+  onClick: () => void;
+}

src/types/navbarLink.d.ts

@@ -0,0 +1,12 @@
+import { NavLinkProps } from "react-router-dom";
+
+export interface NavbarLinkProps {
+  to: string;
+  children: React.ReactNode;
+  onClick?: () => void;
+}
+
+export interface NavData {
+  isActive: boolean;
+  isPending: boolean;
+}

src/types/routes.d.ts

@@ -0,0 +1,5 @@
+export interface Route {
+  id: number;
+  path: string;
+  name: string;
+}