refactor: Restructure dual audio context and controller for improved functionality

- Refactored the dual audio context by creating a new `useDualAudioController.hook.ts` file, consolidating logic and enhancing maintainability.
- Introduced an `index.ts` file to streamline imports for dual audio components.
- Added utility functions for audio volume fading and error handling to improve user experience.
- Removed deprecated code from `useDualAudioController.ts` to simplify the codebase and reduce complexity.
- Ensured proper context type handling with refs for audio elements, enhancing the overall audio management system.

Author: drumnation

src/shared-components/organisms/Footer/components/dual-audio/DualAudioContext.tsx

@@ -1,5 +1,5 @@
 import { createContext, useContext, ReactNode } from 'react';
-import { useDualAudioController, DualAudioContextTypeWithRefs } from './useDualAudioController';
+import { useDualAudioController, DualAudioContextTypeWithRefs } from './index';
 
 const DualAudioContext = createContext<DualAudioContextTypeWithRefs | undefined>(undefined);
 

src/shared-components/organisms/Footer/components/dual-audio/index.ts

@@ -0,0 +1,2 @@
+export * from './useDualAudioController.hook';
+export * from './DualAudio.types';