feat: overhaul drive UI and previews

frontend/src/lazy/TransferSection.tsx

@@ -49,7 +49,6 @@ export default function TransferSection(props: Props) {
     onDownloadSelected,
   } = props
 
-  const pathLabel = path === '/' ? t('root') : path
   const viewButton = (active: boolean) =>
     cn(
       'border-[3px] px-4 py-3 text-left text-xs font-black uppercase tracking-[0.14em] transition-[transform,box-shadow,background-color] duration-150',
@@ -60,15 +59,9 @@ export default function TransferSection(props: Props) {
 
   return (
     <CardContent className="space-y-5 p-5 md:p-6">
-      <div className="brutal-block space-y-4 p-5">
-        <div className="flex flex-wrap items-start justify-between gap-4">
-          <div>
-            <p className="text-[10px] font-black uppercase tracking-[0.22em] text-muted-foreground">{t('accountSubtitle')}</p>
-            <p className="font-display text-4xl">{username}</p>
-          </div>
-        </div>
-        <div className="flex flex-wrap gap-2">
-          <span className="brutal-chip">{pathLabel}</span>
+      <div className="brutal-block p-5">
+        <div className="flex flex-wrap items-center justify-between gap-4">
+          <p className="font-display text-4xl">{username}</p>
           {selectedCount > 0 ? <span className="brutal-chip">{selectedCount} {t('selected')}</span> : null}
         </div>
       </div>

frontend/tailwind.config.ts

@@ -13,7 +13,7 @@ export default {
     },
     extend: {
       screens: {
-        lg: '600px',
+        wide: '1400px',
       },
       colors: {
         background: 'hsl(var(--background))',