refactor: assign color in fill instead of className

[wit03]

          _:warning: Potential issue_

Incorrect use of className for color codes on icons

In lines 86-88 and 103-105, you're assigning color codes (e.g., #161616, #94A3B8) to the className prop of the Grid and List components. The className prop is intended for CSS class names, not color values.

To set the color of the icons, you should use the fill prop or style prop.

Apply this diff to fix the issue:

-<Grid
-  size={28}
-  className={`${
-    state.view === 'g' ? '#161616' : '#94A3B8'
-  } p-0.5`}
-/>
+<Grid
+  size={28}
+  fill={state.view === 'g' ? '#161616' : '#94A3B8'}
+  className="p-0.5"
/>

And similarly for the List component:

-<List
-  size={28}
-  className={`${
-    state.view === 'l' ? '#161616' : '#94A3B8'
-  } p-0.5`}
-/>
+<List
+  size={28}
+  fill={state.view === 'l' ? '#161616' : '#94A3B8'}
+  className="p-0.5"
/>

Also applies to: 103-105

Originally posted by @coderabbitai[bot] in #46 (comment)