chore: add places category

src/data/sounds.ts

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

src/data/sounds/places.tsx

@@ -0,0 +1,47 @@
+import { BiSolidCoffeeAlt, BiSolidPlaneAlt } from 'react-icons/bi/index';
+import { FaChurch } from 'react-icons/fa/index';
+import {
+  MdTempleBuddhist,
+  MdConstruction,
+  MdLocationPin,
+} from 'react-icons/md/index';
+
+import type { Category } from '../types';
+
+export const places: Category = {
+  icon: <MdLocationPin />,
+  id: 'places',
+  sounds: [
+    {
+      icon: <BiSolidCoffeeAlt />,
+      id: 'cafe',
+      label: 'Cafe',
+      src: '/sounds/places/cafe.mp3',
+    },
+    {
+      icon: <BiSolidPlaneAlt />,
+      id: 'airport',
+      label: 'Airport',
+      src: '/sounds/places/airport.mp3',
+    },
+    {
+      icon: <FaChurch />,
+      id: 'church',
+      label: 'Church',
+      src: '/sounds/places/church.mp3',
+    },
+    {
+      icon: <MdTempleBuddhist />,
+      id: 'temple',
+      label: 'Temple',
+      src: '/sounds/places/temple.mp3',
+    },
+    {
+      icon: <MdConstruction />,
+      id: 'construction-site',
+      label: 'Construction Site',
+      src: '/sounds/places/construction-site.mp3',
+    },
+  ],
+  title: 'Places',
+};

src/data/sounds/urban.tsx

@@ -1,12 +1,10 @@
 import {
-  BiSolidCoffeeAlt,
   BiSolidTrain,
   BiSolidPlaneAlt,
   BiSolidTraffic,
 } from 'react-icons/bi/index';
-import { FaCity, FaRoad, FaChurch } from 'react-icons/fa/index';
+import { FaCity, FaRoad } from 'react-icons/fa/index';
 import { PiRoadHorizonFill, PiSirenBold } from 'react-icons/pi/index';
-import { MdTempleBuddhist, MdConstruction } from 'react-icons/md/index';
 import { BsSoundwave, BsPeopleFill } from 'react-icons/bs/index';
 import { GiSubmarine, GiSailboat } from 'react-icons/gi/index';
 
@@ -16,12 +14,6 @@ export const urban: Category = {
   icon: <FaCity />,
   id: 'urban',
   sounds: [
-    {
-      icon: <BiSolidCoffeeAlt />,
-      id: 'cafe',
-      label: 'Cafe',
-      src: '/sounds/urban/cafe.mp3',
-    },
     {
       icon: <PiRoadHorizonFill />,
       id: 'highway',
@@ -52,42 +44,18 @@ export const urban: Category = {
       label: 'Inside a Train',
       src: '/sounds/urban/inside-a-train.mp3',
     },
-    {
-      icon: <BiSolidPlaneAlt />,
-      id: 'airport',
-      label: 'Airport',
-      src: '/sounds/urban/airport.mp3',
-    },
     {
       icon: <BiSolidPlaneAlt />,
       id: 'airplane',
       label: 'Airplane',
       src: '/sounds/urban/airplane.mp3',
     },
-    {
-      icon: <FaChurch />,
-      id: 'church',
-      label: 'Church',
-      src: '/sounds/urban/church.mp3',
-    },
-    {
-      icon: <MdTempleBuddhist />,
-      id: 'temple',
-      label: 'Temple',
-      src: '/sounds/urban/temple.mp3',
-    },
     {
       icon: <BsSoundwave />,
       id: 'busy-street',
       label: 'Busy Street',
       src: '/sounds/urban/busy-street.mp3',
     },
-    {
-      icon: <MdConstruction />,
-      id: 'construction-site',
-      label: 'Construction Site',
-      src: '/sounds/urban/construction-site.mp3',
-    },
     {
       icon: <GiSubmarine />,
       id: 'submarine',