chore: add transport category

src/data/sounds.ts

@@ -3,6 +3,7 @@ import { rain } from './sounds/rain';
 import { animals } from './sounds/animals';
 import { urban } from './sounds/urban';
 import { places } from './sounds/places';
+import { transport } from './sounds/transport';
 import { things } from './sounds/things';
 import { noise } from './sounds/noise';
 
@@ -11,5 +12,5 @@ import type { Categories } from './types';
 export const sounds: {
   categories: Categories;
 } = {
-  categories: [nature, rain, animals, urban, places, things, noise],
+  categories: [nature, rain, animals, urban, places, transport, things, noise],
 };

src/data/sounds/nature.tsx

@@ -2,7 +2,7 @@ import { GiWaterfall } from 'react-icons/gi/index';
 import { BsFire, BsFillDropletFill } from 'react-icons/bs/index';
 import { BiSolidTree, BiWater } from 'react-icons/bi/index';
 import { FaWater, FaWind, FaLeaf, FaRegSnowflake } from 'react-icons/fa/index';
-import { TbScubaMask, TbSailboat } from 'react-icons/tb/index';
+import { TbScubaMask } from 'react-icons/tb/index';
 
 import type { Category } from '../types';
 
@@ -70,12 +70,6 @@ export const nature: Category = {
       label: 'Walk on Leaves',
       src: '/sounds/nature/walk-on-leaves.mp3',
     },
-    {
-      icon: <TbSailboat />,
-      id: 'rowing-boat',
-      label: 'Rowing Boat',
-      src: '/sounds/nature/rowing-boat.mp3',
-    },
     {
       icon: <BsFillDropletFill />,
       id: 'droplets',

src/data/sounds/transport.tsx

@@ -0,0 +1,50 @@
+import { BiSolidTrain, BiSolidPlaneAlt } from 'react-icons/bi/index';
+import { FaCarSide } from 'react-icons/fa/index';
+import { GiSubmarine, GiSailboat } from 'react-icons/gi/index';
+import { TbSailboat } from 'react-icons/tb/index';
+
+import type { Category } from '../types';
+
+export const transport: Category = {
+  icon: <FaCarSide />,
+  id: 'transport',
+  sounds: [
+    {
+      icon: <BiSolidTrain />,
+      id: 'train',
+      label: 'Train',
+      src: '/sounds/transport/train.mp3',
+    },
+    {
+      icon: <BiSolidTrain />,
+      id: 'inside-a-train',
+      label: 'Inside a Train',
+      src: '/sounds/transport/inside-a-train.mp3',
+    },
+    {
+      icon: <BiSolidPlaneAlt />,
+      id: 'airplane',
+      label: 'Airplane',
+      src: '/sounds/transport/airplane.mp3',
+    },
+    {
+      icon: <GiSubmarine />,
+      id: 'submarine',
+      label: 'Submarine',
+      src: '/sounds/transport/submarine.mp3',
+    },
+    {
+      icon: <GiSailboat />,
+      id: 'sailboat',
+      label: 'Sailboat',
+      src: '/sounds/transport/sailboat.mp3',
+    },
+    {
+      icon: <TbSailboat />,
+      id: 'rowing-boat',
+      label: 'Rowing Boat',
+      src: '/sounds/transport/rowing-boat.mp3',
+    },
+  ],
+  title: 'Transport',
+};

src/data/sounds/urban.tsx

@@ -1,12 +1,7 @@
-import {
+import { BiSolidTraffic } from 'react-icons/bi/index';
-  BiSolidTrain,
-  BiSolidPlaneAlt,
-  BiSolidTraffic,
-} from 'react-icons/bi/index';
 import { FaCity, FaRoad } from 'react-icons/fa/index';
 import { PiRoadHorizonFill, PiSirenBold } from 'react-icons/pi/index';
 import { BsSoundwave, BsPeopleFill } from 'react-icons/bs/index';
-import { GiSubmarine, GiSailboat } from 'react-icons/gi/index';
 
 import type { Category } from '../types';
 
@@ -32,42 +27,12 @@ export const urban: Category = {
       label: 'Ambulance Siren',
       src: '/sounds/urban/ambulance-siren.mp3',
     },
-    {
-      icon: <BiSolidTrain />,
-      id: 'train',
-      label: 'Train',
-      src: '/sounds/urban/train.mp3',
-    },
-    {
-      icon: <BiSolidTrain />,
-      id: 'inside-a-train',
-      label: 'Inside a Train',
-      src: '/sounds/urban/inside-a-train.mp3',
-    },
-    {
-      icon: <BiSolidPlaneAlt />,
-      id: 'airplane',
-      label: 'Airplane',
-      src: '/sounds/urban/airplane.mp3',
-    },
     {
       icon: <BsSoundwave />,
       id: 'busy-street',
       label: 'Busy Street',
       src: '/sounds/urban/busy-street.mp3',
     },
-    {
-      icon: <GiSubmarine />,
-      id: 'submarine',
-      label: 'Submarine',
-      src: '/sounds/urban/submarine.mp3',
-    },
-    {
-      icon: <GiSailboat />,
-      id: 'sailboat',
-      label: 'Sailboat',
-      src: '/sounds/urban/sailboat.mp3',
-    },
     {
       icon: <BsPeopleFill />,
       id: 'crowd',