fix: restore useRef import and remove onExport prop

- Restored useRef import to TranscriptView.tsx (still used)
- Removed onExport prop from TranscriptView component
- Moved design directory to specs folder

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: KevenWMarkham

docs/design/UX-DESIGN-SYSTEM.md specs/design/UX-DESIGN-SYSTEM.mddocs/design/UX-DESIGN-SYSTEM.md renamed to specs/design/UX-DESIGN-SYSTEM.md

@@ -339,10 +339,7 @@ function App() {
 
           {/* Right Column - Transcript */}
           <div className="lg:col-span-2">
-            <TranscriptView
-              transcript={demoTranscript || transcript}
-              onExport={() => console.log('Transcript exported')}
-            />
+            <TranscriptView transcript={demoTranscript || transcript} />
           </div>
         </div>
 

src/App.tsx

@@ -1,4 +1,4 @@
-import { useState, useMemo, useCallback, useEffect } from 'react'
+import { useState, useMemo, useCallback, useRef, useEffect } from 'react'
 import { motion } from 'framer-motion'
 import { FileText, Download, Sparkles } from 'lucide-react'
 import { Button } from '@/components/ui/button'