fix: missing meta

.idea/workspace.xml

@@ -4,9 +4,8 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="refactor: sum">
+    <list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="fix: tools by category scroll">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/pages/tools-by-category/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/tools-by-category/index.tsx" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -335,15 +334,7 @@
       <workItem from="1741494053121" duration="178000" />
       <workItem from="1741537936314" duration="1294000" />
       <workItem from="1741539602311" duration="4557000" />
-      <workItem from="1741547560596" duration="374000" />
+      <workItem from="1741547560596" duration="1671000" />
-    </task>
-    <task id="LOCAL-00111" summary="feat: ui changes">
-      <option name="closed" value="true" />
-      <created>1740464231905</created>
-      <option name="number" value="00111" />
-      <option name="presentableId" value="LOCAL-00111" />
-      <option name="project" value="LOCAL" />
-      <updated>1740464231905</updated>
     </task>
     <task id="LOCAL-00112" summary="feat: ui changes">
       <option name="closed" value="true" />
@@ -729,7 +720,15 @@
       <option name="project" value="LOCAL" />
       <updated>1741544086061</updated>
     </task>
-    <option name="localTasksCounter" value="160" />
+    <task id="LOCAL-00160" summary="fix: tools by category scroll">
+      <option name="closed" value="true" />
+      <created>1741548044897</created>
+      <option name="number" value="00160" />
+      <option name="presentableId" value="LOCAL-00160" />
+      <option name="project" value="LOCAL" />
+      <updated>1741548044897</updated>
+    </task>
+    <option name="localTasksCounter" value="161" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -776,7 +775,6 @@
     <option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" />
     <option name="CHECK_NEW_TODO" value="false" />
     <option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
-    <MESSAGE value="style: tool categories" />
     <MESSAGE value="chore: compute only if value" />
     <MESSAGE value="chore: remove prettify test" />
     <MESSAGE value="chore: prettify json in home" />
@@ -801,7 +799,8 @@
     <MESSAGE value="refactor: use ToolContent" />
     <MESSAGE value="fix: prettify json" />
     <MESSAGE value="refactor: sum" />
-    <option name="LAST_COMMIT_MESSAGE" value="refactor: sum" />
+    <MESSAGE value="fix: tools by category scroll" />
+    <option name="LAST_COMMIT_MESSAGE" value="fix: tools by category scroll" />
   </component>
   <component name="XSLT-Support.FileAssociations.UIState">
     <expand />

src/pages/tools/list/duplicate/meta.ts

@@ -5,9 +5,10 @@ import { lazy } from 'react';
 export const tool = defineTool('list', {
   name: 'Duplicate',
   path: 'duplicate',
-  icon: '',
+  icon: 'mdi:content-duplicate',
-  description: '',
+  description:
-  shortDescription: '',
+    'A tool to duplicate each item in a list a specified number of times. Perfect for creating repeated patterns, test data, or expanding datasets.',
+  shortDescription: 'Repeat items in a list multiple times.',
   keywords: ['duplicate'],
   component: lazy(() => import('./index'))
 });

src/pages/tools/list/find-most-popular/meta.ts

@@ -6,8 +6,9 @@ export const tool = defineTool('list', {
   name: 'Find most popular',
   path: 'find-most-popular',
   icon: 'material-symbols-light:query-stats',
-  description: '',
+  description:
-  shortDescription: '',
+    'A tool to identify and count the most frequently occurring items in a list. Useful for data analysis, finding trends, or identifying common elements.',
+  shortDescription: 'Find most common items in a list.',
   keywords: ['find', 'most', 'popular'],
   component: lazy(() => import('./index'))
 });

src/pages/tools/list/rotate/meta.ts

@@ -6,8 +6,9 @@ export const tool = defineTool('list', {
   name: 'Rotate',
   path: 'rotate',
   icon: 'material-symbols-light:rotate-right',
-  description: '',
+  description:
-  shortDescription: '',
+    'A tool to rotate items in a list by a specified number of positions. Shift elements left or right while maintaining their relative order.',
+  shortDescription: 'Shift list items by position.',
   keywords: ['rotate'],
   component: lazy(() => import('./index'))
 });

src/pages/tools/list/shuffle/meta.ts

@@ -6,8 +6,9 @@ export const tool = defineTool('list', {
   name: 'Shuffle',
   path: 'shuffle',
   icon: 'material-symbols-light:shuffle',
-  description: '',
+  description:
-  shortDescription: '',
+    'A tool to randomly reorder items in a list. Perfect for randomizing data, creating random selections, or generating random sequences.',
+  shortDescription: 'Randomly reorder list items.',
   keywords: ['shuffle'],
   component: lazy(() => import('./index'))
 });

src/pages/tools/list/truncate/meta.ts

@@ -4,8 +4,9 @@ import { lazy } from 'react';
 export const tool = defineTool('list', {
   name: 'Truncate',
   path: 'truncate',
-  icon: '',
+  icon: 'mdi:format-horizontal-align-right',
-  description: "World's simplest browser-based utility for truncating lists. Quickly limit the number of items in your list by specifying a maximum length. Perfect for sampling data, creating previews, or managing large lists. Supports custom separators and various truncation options.",
+  description:
+    "World's simplest browser-based utility for truncating lists. Quickly limit the number of items in your list by specifying a maximum length. Perfect for sampling data, creating previews, or managing large lists. Supports custom separators and various truncation options.",
   shortDescription: 'Limit the number of items in a list',
   keywords: ['truncate'],
   component: lazy(() => import('./index'))

src/pages/tools/list/unwrap/meta.ts

@@ -6,8 +6,9 @@ export const tool = defineTool('list', {
   name: 'Unwrap',
   path: 'unwrap',
   icon: 'mdi:unwrap',
-  description: '',
+  description:
-  shortDescription: '',
+    'A tool to remove characters from the beginning and end of each item in a list. Perfect for cleaning up formatted data or removing unwanted wrappers.',
+  shortDescription: 'Remove characters around list items.',
   keywords: ['unwrap'],
   component: lazy(() => import('./index'))
 });

src/pages/tools/list/wrap/meta.ts

@@ -5,9 +5,10 @@ import { lazy } from 'react';
 export const tool = defineTool('list', {
   name: 'Wrap',
   path: 'wrap',
-  icon: '',
+  icon: 'mdi:wrap',
-  description: '',
+  description:
-  shortDescription: '',
+    'A tool to wrap each item in a list with custom prefix and suffix characters. Useful for formatting lists for code, markup languages, or presentation.',
+  shortDescription: 'Add characters around list items.',
   keywords: ['wrap'],
   component: lazy(() => import('./index'))
 });

src/pages/tools/string/quote/meta.ts

@@ -6,8 +6,9 @@ export const tool = defineTool('string', {
   name: 'Quote',
   path: 'quote',
   icon: 'proicons:quote',
-  description: '',
+  description:
-  shortDescription: '',
+    'A tool to add quotation marks or custom characters around text. Perfect for formatting strings for code, citations, or stylistic purposes.',
+  shortDescription: 'Add quotes around text easily.',
   keywords: ['quote'],
   component: lazy(() => import('./index'))
 });

src/pages/tools/string/rot13/meta.ts

@@ -6,8 +6,9 @@ export const tool = defineTool('string', {
   name: 'Rot13',
   path: 'rot13',
   icon: 'hugeicons:encrypt',
-  description: '',
+  description:
-  shortDescription: '',
+    'A simple tool to encode or decode text using the ROT13 cipher, which replaces each letter with the letter 13 positions after it in the alphabet.',
+  shortDescription: 'Encode or decode text using ROT13 cipher.',
   keywords: ['rot13'],
   component: lazy(() => import('./index'))
 });

src/pages/tools/string/rotate/meta.ts

@@ -6,8 +6,9 @@ export const tool = defineTool('string', {
   name: 'Rotate',
   path: 'rotate',
   icon: 'carbon:rotate',
-  description: '',
+  description:
-  shortDescription: '',
+    'A tool to rotate characters in a string by a specified number of positions. Shift characters left or right while maintaining their relative order.',
+  shortDescription: 'Shift characters in text by position.',
   keywords: ['rotate'],
   component: lazy(() => import('./index'))
 });