added api for every single pages

src/pages/Auth/Login.tsx

@@ -17,6 +17,7 @@ import { useLoginMutation } from "../../redux/slices/api";
 import { handleError } from "../../utils/handleError";
 import { useDispatch } from "react-redux";
 import { updateCurrentUser, updateLoggedIn } from "../../redux/slices/appSlice";
+import Footer from "../../components/Footer";
 
 const formSchema = z.object({
   userId: z.string(),
@@ -160,6 +161,7 @@ export default function Signup() {
           </div>
         </div>
       </section>
+      <Footer/>
     </>
   );
 }

src/pages/Auth/Signup.tsx

@@ -18,6 +18,7 @@ import { useSignupMutation } from "../../redux/slices/api";
 import { toast } from "sonner";
 import { updateCurrentUser, updateLoggedIn } from "../../redux/slices/appSlice";
 import { useDispatch } from "react-redux";
+import Footer from "../../components/Footer";
 
 const formSchema = z.object({
   username: z.string().min(3),
@@ -176,6 +177,7 @@ export default function Login() {
           </div>
         </div>
       </section>
+      <Footer />
     </>
   );
 }

src/pages/MyProfile.tsx

@@ -1,10 +1,12 @@
+import Footer from "../components/Footer";
 import Header from "../components/Header";
 
 export default function MyProfile() {
   return (
     <>
       <Header />
       <div className="bg-slate-950 h-[calc(100dvh-60px)] ">My Profile</div>
+      <Footer />
     </>
   );
 }

src/pages/NotFound.tsx

@@ -1,5 +1,6 @@
 import { Link } from "react-router-dom";
 import Header from "../components/Header";
+import Footer from "../components/Footer";
 
 export default function NotFound() {
   return (
@@ -29,6 +30,7 @@ export default function NotFound() {
           </a>
         </button>
       </main>
+      <Footer/>
     </>
   );
 }

src/pages/Settings.tsx

@@ -1,10 +1,12 @@
 import Header from "../components/Header";
+import Footer from "../components/Footer";
 
 export default function Settings() {
   return (
     <>
       <Header />
       <div className="bg-slate-950 h-[calc(100dvh-60px)] ">Settings</div>
+      <Footer />
     </>
   );
 }

src/pages/Support.tsx

@@ -1,6 +1,7 @@
 import { useNavigate } from "react-router-dom";
 import Header from "../components/Header";
 import { toast } from "sonner";
+import Footer from "../components/Footer";
 
 export default function Support() {
   const navigate = useNavigate();
@@ -59,7 +60,7 @@ export default function Support() {
                 </button>
               </form>
             </div>
-                
+
             <div className="z-10 relative lg:col-span-2">
               <img
                 src="https://readymadeui.com/images/analtsis.webp"
@@ -69,6 +70,7 @@ export default function Support() {
           </div>
         </div>
       </div>
+      <Footer />
     </>
   );
 }