feat: Enhance camera control and user experience with improved key handling and speed adjustments

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

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useState } from "react";
 import { AppDockIcon } from "../../icons/HeaderIcons";
 import orgImg from "../../../assets/orgTemp.png";
 import { useActiveUsers } from "../../../store/store";
@@ -8,7 +8,7 @@ import { getAvatarColor } from "../../../modules/collaboration/functions/getAvat
 
 const Header: React.FC = () => {
   const { activeUsers } = useActiveUsers();
-  const userName = localStorage.getItem("userName") || "Anonymous";
+  const userName = localStorage.getItem("userName") ?? "Anonymous";
 
   const guestUsers: ActiveUser[] = activeUsers.filter(
     (user: ActiveUser) => user.userName !== userName
@@ -23,14 +23,14 @@ const Header: React.FC = () => {
       )}
       <div className="header-container">
         <div className="options-container">
-          <div
+          <button
             className="share-button"
             onClick={() => {
               setUserManagement(true);
             }}
           >
             Share
-          </div>
+          </button>
           {/* <div className="app-docker-button">
             <AppDockIcon />
           </div> */}