feat: rename to drawer to collapsed

apps/app/src/components/Me/SidebarDrawerIcon.jsx → apps/app/src/components/Me/SidebarCollapsedIcon.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const SidebarDrawerIcon = () => (
+const SidebarCollapsedIcon = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 23 23"
@@ -22,4 +22,4 @@ const SidebarDrawerIcon = () => (
   </svg>
 );
 
-export default SidebarDrawerIcon;
+export default SidebarCollapsedIcon;

apps/app/src/components/Me/UISettings.tsx

@@ -1,8 +1,8 @@
 import { useTranslation } from 'react-i18next';
 import { UncontrolledTooltip } from 'reactstrap';
 
+import SidebarCollapsedIcon from './SidebarCollapsedIcon';
 import SidebarDockIcon from './SidebarDockIcon';
-import SidebarDrawerIcon from './SidebarDrawerIcon';
 
 import styles from './UISettings.module.scss';
 
@@ -29,11 +29,11 @@ export const UISettings = (): JSX.Element => {
         <div className="d-flex align-items-start">
           <div className="d-flex align-items-center">
             <IconWithTooltip
-              id="iwt-sidebar-drawer"
-              label="Drawer"
+              id="iwt-sidebar-collapsed"
+              label="Collapsed"
               additionalClasses={styles['grw-sidebar-mode-icon']}
             >
-              <SidebarDrawerIcon />
+              <SidebarCollapsedIcon />
             </IconWithTooltip>
             <div className="form-check form-switch ms-2">