feat: implement ThemeProvider and SoundCard components; add utility functions for formatting duration and size

src/hooks/use-theme.ts

@@ -0,0 +1,11 @@
+import { useContext } from 'react'
+import { ThemeProviderContext } from '@/contexts/ThemeContext'
+
+export const useTheme = () => {
+  const context = useContext(ThemeProviderContext)
+
+  if (context === undefined)
+    throw new Error('useTheme must be used within a ThemeProvider')
+
+  return context
+}