refactor: constant apps

src/constants/apps.tsx

+import type { ReactNode } from "react";
+import { BiWorld } from "react-icons/bi";
+import { FaPhone, FaRegFileAlt } from "react-icons/fa";
+import { IoLogoWhatsapp } from "react-icons/io5";
+import { SiTelegram } from "react-icons/si";
+
+export interface IApp {
+  id: number;
+  name: string;
+  icon: ReactNode;
+}
+
+export const APPS: IApp[] = [
+  {
+    id: 20,
+    name: "Telegram",
+    icon: <SiTelegram />,
+  },
+  {
+    id: 7,
+    name: "WhatsApp",
+    icon: <IoLogoWhatsapp />,
+  },
+  {
+    id: 1,
+    name: "Environment",
+    icon: <BiWorld />,
+  },
+  {
+    id: 13,
+    name: "Audio Files",
+    icon: <FaRegFileAlt />,
+  },
+  {
+    id: 2,
+    name: "Phone Calls",
+    icon: <FaPhone />,
+  },
+];

src/pages/Recording/Recording.tsx

-import React, { useEffect, useState, type ReactNode } from "react";
+import React, { useEffect, useState } from "react";
 import "./Recording.css";
 import SectionHeader from "../../layouts/SectionHeader";
 import { MdInfoOutline } from "react-icons/md";
 import CButton from "../../components/CButton";
 import { useTranslation } from "react-i18next";
 import { FaMicrophoneLines } from "react-icons/fa6";
-import { FaImage, FaPhone, FaRegFileAlt } from "react-icons/fa";
-import { SiTelegram } from "react-icons/si";
-import {
-  IoCloudDownloadOutline,
-  IoLogoWhatsapp,
-  IoPlay,
-} from "react-icons/io5";
-import { BiWorld } from "react-icons/bi";
+import { FaImage } from "react-icons/fa";
+import { IoCloudDownloadOutline, IoPlay } from "react-icons/io5";
 import {
   useAppDispatch,
   useAppSelector,
@@ -20,40 +14,7 @@ import {
 } from "../../stores/store";
 import { fetchAudioFiles } from "../../stores/slices/deviceSlice";
 import { AiOutlineAudio } from "react-icons/ai";
-
-interface IApp {
-  id: number;
-  name: string;
-  icon: ReactNode;
-}
-
-const APPS: IApp[] = [
-  {
-    id: 20,
-    name: "Telegram",
-    icon: <SiTelegram className="app__icon" />,
-  },
-  {
-    id: 7,
-    name: "WhatsApp",
-    icon: <IoLogoWhatsapp className="app__icon" />,
-  },
-  {
-    id: 1,
-    name: "Environment",
-    icon: <BiWorld className="app__icon" />,
-  },
-  {
-    id: 13,
-    name: "Audio Files",
-    icon: <FaRegFileAlt className="app__icon" />,
-  },
-  {
-    id: 2,
-    name: "Phone Calls",
-    icon: <FaPhone className="app__icon" />,
-  },
-];
+import { APPS, type IApp } from "../../constants/apps";
 
 const Recording: React.FC = () => {
   const [selectedApp, setSelectedApp] = useState<IApp>(APPS[0]);