Fix bookmarked tools retrieval

src/components/Hero.tsx

@@ -148,12 +148,21 @@ export default function Hero() {
             {...props}
             onClick={() => navigate('/' + option.path)}
           >
-            <Stack direction={'row'} spacing={2} alignItems={'center'}>
-              <Icon fontSize={20} icon={option.icon} />
-              <Box>
-                <Typography fontWeight={'bold'}>{option.name}</Typography>
-                <Typography fontSize={12}>{option.shortDescription}</Typography>
-              </Box>
+            <Stack
+              direction={'row'}
+              alignItems={'center'}
+              justifyContent={'stretch'}
+              width={'100%'}
+            >
+              <Stack direction={'row'} spacing={2} alignItems={'center'}>
+                <Icon fontSize={20} icon={option.icon} />
+                <Box>
+                  <Typography fontWeight={'bold'}>{option.name}</Typography>
+                  <Typography fontSize={12}>
+                    {option.shortDescription}
+                  </Typography>
+                </Box>
+              </Stack>
               <Icon
                 fontSize={20}
                 onClick={(e) => {

src/utils/bookmark.ts

@@ -3,7 +3,12 @@ import { DefinedTool } from '@tools/defineTool';
 const bookmarkedToolsKey = 'bookmarkedTools';
 
 export function getBookmarkedToolPaths(): string[] {
-  return localStorage.getItem(bookmarkedToolsKey)?.split(',') ?? [];
+  return (
+    localStorage
+      .getItem(bookmarkedToolsKey)
+      ?.split(',')
+      ?.filter((path) => path) ?? []
+  );
 }
 
 export function isBookmarked(tool: DefinedTool): boolean {
@@ -21,12 +26,15 @@ export function toggleBookmarked(tool: DefinedTool) {
 function bookmark(tool: DefinedTool) {
   localStorage.setItem(
     bookmarkedToolsKey,
-    tool.path + ',' + (localStorage.getItem(bookmarkedToolsKey) ?? '')
+    [tool.path, ...getBookmarkedToolPaths()].join(',')
   );
 }
 
 function unbookmark(tool: DefinedTool) {
-  const bookmarked = localStorage.getItem(bookmarkedToolsKey)?.split(',') ?? [];
-  const unbookmarked = bookmarked.filter((path) => path != tool.path);
-  localStorage.setItem(bookmarkedToolsKey, unbookmarked.join(','));
+  localStorage.setItem(
+    bookmarkedToolsKey,
+    getBookmarkedToolPaths()
+      .filter((path) => path !== tool.path)
+      .join(',')
+  );
 }