Have set the logout button to side bar

Author: PinJinx

frontend/src/components/landing/LandingPage.tsx

@@ -2,16 +2,16 @@ import React, { useState } from 'react';
 import { motion } from 'framer-motion';
 import axios from 'axios';
 import { toast } from 'react-hot-toast';
+import { useNavigate } from 'react-router-dom';
 
 interface Props {
   setRepoData: (data: any) => void; // Function to pass data to parent
-  setActivePage: (page: string) => void; // Function to navigate to other pages
 }
 
-const LandingPage: React.FC<Props> = ({ setRepoData, setActivePage }) => {
+const LandingPage: React.FC<Props> = ({ setRepoData }) => {
   const [repoUrl, setRepoUrl] = useState('');
   const [loading, setLoading] = useState(false);
-
+  const navigate = useNavigate();
   const fetchRepoStats = async () => {
     if (!repoUrl) {
       toast.error('Please enter a valid GitHub repository URL.');
@@ -23,7 +23,7 @@ const LandingPage: React.FC<Props> = ({ setRepoData, setActivePage }) => {
       const response = await axios.post('http://localhost:8000/api/repo-stats', { repo_url: repoUrl });
       setRepoData(response.data); // Pass fetched data to parent
       toast.success('Repository stats fetched successfully!');
-      setActivePage('dashboard'); // Navigate to dashboard
+      navigate('/dashboard'); // Navigate to dashboard
     } catch (error) {
       toast.error('Failed to fetch repository stats. Please check the URL or backend server.');
     } finally {

frontend/src/components/pages/ProfilePage.tsx

@@ -3,7 +3,7 @@ import { motion } from 'framer-motion';
 import { toast } from 'react-hot-toast';
 import { User, Mail, Building, Globe, Github, Twitter, Edit, Camera, Save, DoorClosed } from 'lucide-react';
 
-const ProfilePage = ({onSignOut}:{onSignOut:()=>void}) => {
+const ProfilePage = () => {
   const [isEditing, setIsEditing] = useState(false);
   const [profile, setProfile] = useState({
     name: 'Sarah Chen',
@@ -179,19 +179,6 @@ const ProfilePage = ({onSignOut}:{onSignOut:()=>void}) => {
               className="w-full bg-gray-800 rounded-lg p-3 text-white focus:outline-none focus:ring-2 focus:ring-green-500 disabled:opacity-50"
             />
           </div>
-              <div className="mt-8 flex justify-end">
-              <motion.button
-                whileHover={{ scale: 1.05 }}
-                whileTap={{ scale: 0.95 }}
-                onClick={() => {
-                  onSignOut();
-                }}
-                className="px-4 py-2 bg-red-500 hover:bg-red-600 rounded-lg transition-colors flex items-center"
-              >
-                <DoorClosed size={18} className="mr-2" />
-                Sign Out
-              </motion.button>
-              </div>
           {isEditing && (
             <div className="mt-8 flex justify-end space-x-4">
               <motion.button