feat(audio): recognize the audio family in the frontend formats grid

frontend/src/components/FormatsGrid.jsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { Image, FileText, TextAa, BookOpen, Archive } from '@phosphor-icons/react';
+import { Image, FileText, TextAa, BookOpen, Archive, MusicNotes } from '@phosphor-icons/react';
 import { FORMAT_FAMILIES } from '../data/formats.js';
 
 const FAMILY_ICONS = {
@@ -8,6 +8,7 @@ const FAMILY_ICONS = {
   fonts: TextAa,
   ebooks: BookOpen,
   archives: Archive,
+  audio: MusicNotes,
 };
 
 export function FormatsGrid() {

frontend/src/data/formats.js

@@ -19,4 +19,8 @@ export const FORMAT_FAMILIES = [
     key: 'archives',
     formats: ['zip', 'tar', 'tar.gz', 'tar.bz2', '7z', 'tar.7z', 'rar'],
   },
+  {
+    key: 'audio',
+    formats: ['mp3', 'wav', 'ogg', 'flac', 'aac', 'm4a'],
+  },
 ];

frontend/src/index.css

@@ -24,6 +24,7 @@
   --color-family-fonts: #f5a524;
   --color-family-ebooks: #10b981;
   --color-family-archives: #64748b;
+  --color-family-audio: #ec4899;
 
   --font-sans: 'Plus Jakarta Sans', system-ui, 'Segoe UI', Roboto, sans-serif;
   --font-display: 'Bricolage Grotesque', var(--font-sans);
@@ -53,6 +54,7 @@
   --color-family-fonts: #ffb84d;
   --color-family-ebooks: #34d399;
   --color-family-archives: #94a3b8;
+  --color-family-audio: #f472b6;
 }
 
 *, *::before, *::after {

frontend/src/locales/en.json

@@ -41,7 +41,8 @@
     "documents": "Documents",
     "fonts": "Fonts",
     "ebooks": "Ebooks",
-    "archives": "Archives"
+    "archives": "Archives",
+    "audio": "Audio"
   },
   "footer": {
     "rights": "Ombrora Convert — Online file conversion"

frontend/src/locales/fr.json

@@ -41,7 +41,8 @@
     "documents": "Documents",
     "fonts": "Polices",
     "ebooks": "Ebooks",
-    "archives": "Archives"
+    "archives": "Archives",
+    "audio": "Audio"
   },
   "footer": {
     "rights": "Ombrora Convert — Conversion de fichiers en ligne"

frontend/src/utils/fileFamily.js

@@ -1,4 +1,4 @@
-import { Image, FileText, TextAa, BookOpen, Archive, File as FileIcon } from '@phosphor-icons/react';
+import { Image, FileText, TextAa, BookOpen, Archive, MusicNotes, File as FileIcon } from '@phosphor-icons/react';
 import { FORMAT_FAMILIES } from '../data/formats.js';
 
 const FAMILY_ICONS = {
@@ -7,6 +7,7 @@ const FAMILY_ICONS = {
   fonts: TextAa,
   ebooks: BookOpen,
   archives: Archive,
+  audio: MusicNotes,
 };
 
 export function familyForExtension(extension) {