Refactor styles for improved theme management, enhance input components, and add scene styles

app/src/components/layout/sidebarRight/Header.tsx

@@ -13,7 +13,7 @@ const Header: React.FC = () => {
   const guestUsers: ActiveUser[] = activeUsers.filter(
     (user: ActiveUser) => user.userName !== userName
   );
-  
+
   const [userManagement, setUserManagement] = useState(false);
 
   return (
@@ -31,9 +31,9 @@ const Header: React.FC = () => {
           >
             Share
           </div>
-          <div className="app-docker-button">
+          {/* <div className="app-docker-button">
             <AppDockIcon />
-          </div>
+          </div> */}
         </div>
         <div className="split"></div>
         <div className="users-container">
@@ -52,12 +52,7 @@ const Header: React.FC = () => {
             ))}
           </div>
           <div className="user-profile-container">
-            <div
-              className="user-profile"
-              style={{ background: "var(--accent-color)" }}
-            >
-              {userName[0]}
-            </div>
+            <div className="user-profile">{userName[0]}</div>
             <div className="user-organization">
               <img src={orgImg} alt="" />
             </div>