refactor: redesign projects page with full navigation functionallity

src/App.tsx

@@ -1,19 +1,17 @@
 import { Toaster as Sonner } from "@/components/ui/sonner";
-import { Toaster } from "@/components/ui/toaster";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { ThemeProvider } from "@/contexts/ThemeContext";
 import { AnimatePresence } from "framer-motion";
 import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
 import Footer from "./components/Footer";
 import Navbar from "./components/Navbar";
-import Blog from "./pages/Blog";
-import BlogArticle from "./pages/BlogArticle";
 import Index from "./pages/Index";
 import NotFound from "./pages/NotFound";
 import ProjectDetails from "./pages/ProjectDetails";
 import Projects from "./pages/Projects";
 import { QueryProvider } from "./provider/QueryProvider";
 import { PrivacyPolicy } from "./pages/PrivacyPolicy";
+import ScrollToTop from "./components/ScrollToTop";
 
 function AnimatedRoutes() {
   const location = useLocation();
@@ -38,9 +36,10 @@ const App = () => (
   <QueryProvider>
     <ThemeProvider>
       <TooltipProvider>
-        <Toaster />
+    
         <Sonner />
         <BrowserRouter>
+        <ScrollToTop/>
           <Navbar />
           <AnimatedRoutes />
           <Footer />