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);

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">