refactor: update back button styles

src/pages/Home.js

@@ -447,14 +447,14 @@ const Home = () => {
         <div className="sidebar">
           <div className="header-container">
             {activeComponent === 'addPlace' && (
-              <button className="back-button" onClick={handleBack}>
+              <button className="header-back-button" onClick={handleBack}>
                 <FaArrowLeft />
               </button>
             )}
             <h1 className="festivelo-logo">FESTIVELO</h1>
 
             <button
-              className="profile-button"
+              className="header-profile-button"
               onClick={() => navigate('/my')}
             >
               <FaUser />

src/styles/HomePage.css

@@ -39,7 +39,7 @@
     height: 2.5rem;
 }
 
-.sidebar .header-container .profile-button, .back-button {
+.sidebar .header-container .header-profile-button, .header-back-button {
     background: none;
     border: none;
     color: #777;
@@ -55,7 +55,7 @@
     padding: 0;
 }
 
-.sidebar .header-container .profile-button:hover, .back-button:hover {
+.sidebar .header-container .header-profile-button:hover, .header-back-button:hover {
     background-color: rgba(0, 0, 0, 0.1);
 }