fix: ui fixes in transcript nav

app/(app)/transcriptions/transcriptions-nav.tsx

@@ -13,7 +13,7 @@ const views = [
 
 export function TranscriptionsNav({ currentView }: { currentView: string }) {
   return (
-    <div className="flex gap-2 border-b border-border pb-3">
+    <div className="flex gap-2 border-b border-border pb-3 overflow-x-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
       {views.map((v) => {
         const Icon = v.icon;
         const isActive = currentView === v.key;
@@ -22,7 +22,7 @@ export function TranscriptionsNav({ currentView }: { currentView: string }) {
             key={v.key}
             href={`/transcriptions?view=${v.key}`}
             className={cn(
-              "flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-colors",
+              "flex shrink-0 items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-colors",
               isActive
                 ? "bg-primary/10 text-primary"
                 : "text-muted-foreground hover:bg-muted hover:text-foreground",