changes

react/src/app/components/avatar.js

 import { useState, useRef, useEffect } from 'react';
 import Link from 'next/link';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faUser } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faUser } from '@fortawesome/free-solid-svg-icons';
 
 export default function Avatar() {
     const [isOpen, setIsOpen] = useState(false);
@@ -48,7 +48,7 @@ export default function Avatar() {
               className="block px-4 py-2 text-gray-800 hover:bg-gray-100"
               onClick={() => setIsOpen(false)}
             >
-              Edit Profile
+              Edit Profile 
             </Link>
             <button 
               onClick={handleLogout}

react/src/app/layout.js

-// app/layout.js
 import Navbar from './components/navbar';
 import './globals.css';
 

react/src/app/profile/edit/page.js

-// app/profile/edit/page.js
 "use client";
 
 import { useState } from 'react';
@@ -28,7 +27,6 @@ export default function EditProfile() {
   return (
     <div className="max-w-md mx-auto">
       <h1 className="text-2xl font-bold mb-6">Edit Your Profile</h1>
-      
       <form onSubmit={handleSubmit} className="space-y-4">
         <div>
           <label htmlFor="name" className="block mb-1 font-medium">