chore: fix translation scope and complete i18n support

- Apply useTranslation to converters instead of audio
- Add missing translation keys for full i18n coverage

public/locales/en/converters.json

@@ -1,8 +1,12 @@
 {
-  "audioconverter": {
+  "audioConverter": {
     "title": "Audio Converter",
     "description": "Convert audio files between different formats.",
     "shortDescription": "Convert audio files to various formats.",
-    "longDescription": "This tool allows you to convert audio files from one format to another, supporting a wide range of audio formats for seamless conversion."
+    "longDescription": "This tool allows you to convert audio files from one format to another, supporting a wide range of audio formats for seamless conversion.",
+    "outputFormat": "output Format",
+    "outputFormatDescription": "Select the desired output audio format",
+    "inputTitle": "Audio Input",
+    "outputTitle": "Converted Audio"
   }
 }

src/pages/tools/converters/audio-converter/index.tsx

@@ -14,11 +14,8 @@ const initialValues: InitialValuesType = {
   outputFormat: 'mp3'
 };
 
-export default function AudioConverter({
-  title,
-  longDescription
-}: ToolComponentProps) {
-  const { t } = useTranslation('audio');
+export default function AudioConverter({ title }: ToolComponentProps) {
+  const { t } = useTranslation('converters');
   const [input, setInput] = useState<File | null>(null);
   const [result, setResult] = useState<File | null>(null);
   const [loading, setLoading] = useState(false);
@@ -47,12 +44,7 @@ export default function AudioConverter({
     updateField
   }) => [
     {
-      id: 'output-format',
-      title: t('audioConverter.outputFormat', 'Output Format'),
-      description: t(
-        'audioConverter.outputFormatDescription',
-        'Select the desired output audio format'
-      ),
+      title: t('audioConverter.outputFormat'),
       component: (
         <Box>
           <SelectWithDesc
@@ -62,10 +54,7 @@ export default function AudioConverter({
               label: value.toUpperCase(),
               value: value as AudioFormat
             }))}
-            description={t(
-              'audioConverter.outputFormatDescription',
-              'Select the desired output audio format'
-            )}
+            description={t('audioConverter.outputFormatDescription')}
           />
         </Box>
       )
@@ -80,13 +69,13 @@ export default function AudioConverter({
         <ToolAudioInput
           value={input}
           onChange={setInput}
-          title={t('audioConverter.uploadAudio', 'Upload Your Audio File')}
+          title={t('audioConverter.inputTitle')}
         />
       }
       resultComponent={
         <ToolFileResult
           value={result}
-          title={t('audioConverter.outputTitle', 'Converted Audio')}
+          title={t('audioConverter.outputTitle')}
           loading={loading}
         />
       }
@@ -95,8 +84,8 @@ export default function AudioConverter({
       setInput={setInput}
       compute={compute}
       toolInfo={{
-        title: `What is a ${title}?`,
-        description: longDescription
+        title: t('audioConverter.title'),
+        description: t('audioConverter.longDescription')
       }}
     />
   );