chore: remove the background color

Author: ktmouk

components/Feature.tsx

@@ -9,7 +9,7 @@ type Props = {
 
 export const Feature = ({ icon, color, title, description }: Props) => {
   return (
-    <div className="bg-gray-50 dark:bg-neutral-900 flex gap-4 rounded p-4 px-6 h-full items-center">
+    <div className="flex gap-4 m-4 h-full items-center">
       <div
         aria-hidden
         className={`flex-shrink-0 size-9 flex items-center justify-center rounded ${color}`}

components/UseCases.tsx

@@ -32,7 +32,7 @@ export const UseCases = ({ codes }: Props) => {
           {["Testing", "API Mocking", "E2E", "Seeding"].map((tab) => (
             <Tab
               key={tab}
-              className="first:rounded-l last:rounded-r text-sm !ring-0 bg-neutral-100 dark:bg-neutral-800 !ring-offset-0 text-neutral-900 data-[focus]:bg-neutral-700 data-[selected]:bg-neutral-900 dark:data-[selected]:bg-neutral-900 dark:text-neutral-50 py-2.5 px-6 data-[selected]:text-white data-[hover]:bg-neutral-700 dark:data-[hover]:bg-neutral-800 data-[hover]:text-white"
+              className="first:rounded-l last:rounded-r text-sm !ring-0 bg-gray-100 dark:bg-neutral-800 !ring-offset-0 text-neutral-900 data-[focus]:bg-neutral-700 data-[selected]:bg-neutral-900 dark:data-[selected]:bg-neutral-900 dark:text-neutral-50 py-2.5 px-6 data-[selected]:text-white data-[hover]:bg-neutral-700 dark:data-[hover]:bg-neutral-800 data-[hover]:text-white"
             >
               {tab}
             </Tab>