sidebar in mobile

src/app/layout.tsx

@@ -5,6 +5,7 @@ import "./globals.css";
 import "@/assets/fonts/irancell/style.css";
 import Header from "@/shared/Header";
 import Footer from "@/shared/Footer";
+import SideBar from "@/shared/SideBar";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -32,6 +33,7 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         <div className="font-irancell xl:p-16 p-4">
+          <SideBar />
           <Header />
           {children}
           <Footer />