feat: ui changes

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

@@ -5,7 +5,7 @@ import { lazy } from 'react';
 export const tool = defineTool('list', {
   name: 'Find most popular',
   path: 'find-most-popular',
-  // image,
+  icon: 'material-symbols-light:query-stats',
   description: '',
   shortDescription: '',
   keywords: ['find', 'most', 'popular'],

src/pages/tools/list/find-unique/meta.ts

@@ -5,7 +5,7 @@ import { lazy } from 'react';
 export const tool = defineTool('list', {
   name: 'Find unique',
   path: 'find-unique',
-  // image,
+  icon: 'mynaui:one',
   description: '',
   shortDescription: '',
   keywords: ['find', 'unique'],

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

@@ -5,7 +5,7 @@ import { lazy } from 'react';
 export const tool = defineTool('list', {
   name: 'Group',
   path: 'group',
-  // image,
+  icon: 'pajamas:group',
   description: '',
   shortDescription: '',
   keywords: ['group'],

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

@@ -5,7 +5,7 @@ import { lazy } from 'react';
 export const tool = defineTool('list', {
   name: 'Reverse',
   path: 'reverse',
-  // image,
+  icon: 'proicons:reverse',
   description: '',
   shortDescription: '',
   keywords: ['reverse'],

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

@@ -5,7 +5,7 @@ import { lazy } from 'react';
 export const tool = defineTool('list', {
   name: 'Rotate',
   path: 'rotate',
-  // image,
+  icon: 'material-symbols-light:rotate-right',
   description: '',
   shortDescription: '',
   keywords: ['rotate'],

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

@@ -5,7 +5,7 @@ import { lazy } from 'react';
 export const tool = defineTool('list', {
   name: 'Shuffle',
   path: 'shuffle',
-  // image,
+  icon: 'material-symbols-light:shuffle',
   description: '',
   shortDescription: '',
   keywords: ['shuffle'],

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

@@ -5,7 +5,7 @@ import { lazy } from 'react';
 export const tool = defineTool('list', {
   name: 'Sort',
   path: 'sort',
-  // image,
+  icon: 'basil:sort-outline',
   description:
     'This is a super simple browser-based application that sorts items in a list and arranges them in increasing or decreasing order. You can sort the items alphabetically, numerically, or by their length. You can also remove duplicate and empty items, as well as trim individual items that have whitespace around them. You can use any separator character to separate the input list items or alternatively use a regular expression to separate them. Additionally, you can create a new delimiter for the sorted output list.',
   shortDescription: 'Quickly sort a list',

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

@@ -5,7 +5,7 @@ import { lazy } from 'react';
 export const tool = defineTool('list', {
   name: 'Unwrap',
   path: 'unwrap',
-  // image,
+  icon: 'mdi:unwrap',
   description: '',
   shortDescription: '',
   keywords: ['unwrap'],