fix: few missed translations

src/components/MainContent.tsx

@@ -26,6 +26,7 @@ import {
   CHORD_REGION_IMPORT_REGION_NAME,
   resolveChordRegionImportSelection,
 } from '../util/chordRegionImportUtil';
+import { useI18n } from '../i18n/useI18n';
 
 interface MainContentProps {
   onTrackClick?: () => void;
@@ -34,6 +35,7 @@ interface MainContentProps {
 const MainContent: React.FC<MainContentProps> = ({
   onTrackClick = () => {},
 }) => {
+  const { t } = useI18n();
   const {
     tracks,
     globalTracks,
@@ -338,8 +340,8 @@ const MainContent: React.FC<MainContentProps> = ({
             <button
               type="button"
               className="track-header-button"
-              aria-label="Create track"
-              title="Create track"
+              aria-label={t('mainContent.createTrack')}
+              title={t('mainContent.createTrack')}
               onClick={openCreateTrackModal}
             >
               <FaPlus />
@@ -347,8 +349,8 @@ const MainContent: React.FC<MainContentProps> = ({
             <button
               type="button"
               className={`track-header-button${showGlobalTracksMock ? ' active' : ''}`}
-              aria-label="Show global tracks"
-              title="Show global tracks"
+              aria-label={t('mainContent.showGlobalTracks')}
+              title={t('mainContent.showGlobalTracks')}
               onClick={handleToggleGlobalTracksMock}
             >
               <FaSquareArrowUpRight />

src/components/track/TrackInfoItem.tsx

@@ -502,20 +502,20 @@ const TrackInfoItem: React.FC<TrackInfoItemProps> = ({
             <button
               className={`automation${automationActive ? ' active' : ''}`}
               onClick={handleAutomationButtonClick}
-              title="Track automation"
-              aria-label="Track automation"
+              title={t('track.controls.automationButton')}
+              aria-label={t('track.controls.automationButton')}
             >
               A
             </button>
             <div style={{ position: 'absolute', top: 0, left: 'calc(100% + 6px)', zIndex: 10000 }}>
               <KGDropdown
                 options={[
-                  { label: 'Volume', value: 'volume' },
-                  { label: 'Pan', value: 'pan' },
+                  { label: t('track.controls.automation.volume'), value: 'volume' },
+                  { label: t('track.controls.automation.pan'), value: 'pan' },
                 ]}
                 value={activeTrackAutomationType ?? ''}
                 onChange={handleAutomationTypeSelect}
-                label="Automation"
+                label={t('track.controls.automationDropdown')}
                 hideButton={true}
                 isOpen={showAutomationDropdown}
                 onToggle={setShowAutomationDropdown}
@@ -540,10 +540,10 @@ const TrackInfoItem: React.FC<TrackInfoItemProps> = ({
             </button>
             <div style={{ position: 'absolute', top: '100%', left: 0, zIndex: 10000 }}>
               <KGDropdown
-                options={['Delete Track']}
+                options={[{ label: t('track.controls.settings.deleteTrack'), value: 'Delete Track' }]}
                 value={''}
                 onChange={handleSettingsAction}
-                label="Settings"
+                label={t('track.controls.settingsDropdown')}
                 hideButton={true}
                 isOpen={showSettingsDropdown}
                 onToggle={setShowSettingsDropdown}