Remove double icon

app/web/src/components/IdeSideBar/IdeSideBar.tsx

@@ -21,7 +21,7 @@ function TabToggle({ item, className = '', active, onChange, onClick }) {
         value={item.name}
         onChange={onChange}
         onClick={onClick}
-        className="visually-hidden"
+        className="sr-only"
       />
       <Svg name={item.icon} className="w-8 mx-auto" />
     </label>

app/web/src/components/ProjectProfile/ProjectProfile.tsx

@@ -70,12 +70,6 @@ const ProjectProfile = ({
     <>
       <div className="h-screen flex flex-col text-lg font-fira-sans">
         <div className="flex">
-          <Link
-            to={routes.home()}
-            className="w-16 h-16 flex items-center justify-center bg-ch-gray-900"
-          >
-            <Svg className="w-12" name="favicon" />
-          </Link>
           <IdeHeader
             handleRender={() => {}}
             projectTitle={project?.title}

app/web/src/components/UserProfile/UserProfile.tsx

@@ -53,12 +53,6 @@ const UserProfile = ({
     <>
       <div className="md:h-screen flex flex-col text-lg font-fira-sans">
         <div className="flex">
-          <Link
-            to={routes.home()}
-            className="w-16 h-16 flex items-center justify-center bg-ch-gray-900"
-          >
-            <Svg className="w-12" name="favicon" />
-          </Link>
           <IdeHeader
             handleRender={() => {}}
             projectOwner={user?.userName}