fix(visual): icon changes

apps/web/src/app/app.tsx

@@ -25,7 +25,7 @@ import { Tooltip, TooltipTrigger, Button, TooltipContent, TooltipProvider } from
 import ControlContainer from '@graphpolaris/shared/lib/components/controls';
 import Searchbar from '@graphpolaris/shared/lib/sidebar/search/searchbar';
 import Schema from '@graphpolaris/shared/lib/schema/panel';
-import { Fullscreen, Schema as SchemaIcon, Search as SearchIcon } from '@mui/icons-material';
+import { Fullscreen, FitScreen, Remove, Schema as SchemaIcon, Search as SearchIcon } from '@mui/icons-material';
 
 export type App = {
   load?: string;
@@ -90,10 +90,18 @@ export function App(props: App) {
                         <div className="shrink-0 sticky right-0 px-0.5 ml-auto items-center flex">
                           <ControlContainer>
                             <TooltipProvider delayDuration={100}>
+                              <Tooltip>
+                                <TooltipTrigger asChild>
+                                  <Button type="secondary" variant="ghost" size="xs" iconComponent={<Remove />} onClick={() => {}} />
+                                </TooltipTrigger>
+                                <TooltipContent side={'top'}>
+                                  <p>Hide</p>
+                                </TooltipContent>
+                              </Tooltip>
                               {tab === 'Schema' && (
                                 <Tooltip>
                                   <TooltipTrigger asChild>
-                                    <Button type="secondary" variant="ghost" size="xs" iconComponent={<Fullscreen />} onClick={() => {}} />
+                                    <Button type="secondary" variant="ghost" size="xs" iconComponent={<FitScreen />} onClick={() => {}} />
                                   </TooltipTrigger>
                                   <TooltipContent side={'top'}>
                                     <p>Fit to screen</p>