aesthetic-improvements: fix remaining spacing in pages and views (Action 11.5.1.5)

- DashboardPage: Updated gap (gap-6 → gap-8) for 8px grid alignment
- FileDetailsView: Updated section spacing (space-y-6 → space-y-8)
- GearView: Updated section spacing (space-y-6 → space-y-8, 2 instances)
- ProfileView: Updated gap (gap-6 → gap-8)
- DiscoverView: Updated card padding (p-6 → p-8)
- PurchasesView: Updated gap (gap-6 → gap-8)
- Preserved: Responsive padding (p-4 sm:p-6, px-6 md:px-12) and conditional padding (p-6 for non-primary cards)
- Action 11.5.1.5: Apply direction to all pages - Batch 3 complete (spacing fixes)

apps/web/src/components/views/DiscoverView.tsx

@@ -142,7 +142,7 @@ export const DiscoverView: React.FC = () => {
 
           <Card
             variant="default"
-            className="relative overflow-hidden group cursor-pointer h-64 p-6 flex flex-col justify-end"
+            className="relative overflow-hidden group cursor-pointer h-64 p-8 flex flex-col justify-end"
           >
             <img
               src="https://picsum.photos/id/99/400/400"

apps/web/src/components/views/FileDetailsView.tsx

@@ -207,7 +207,7 @@ export const FileDetailsView: React.FC<FileDetailsViewProps> = ({
         </div>
 
         {/* Right: Sidebar */}
-        <div className="space-y-6">
+        <div className="space-y-8">
           {/* Activity Feed */}
           <Card variant="gaming">
             <h3 className="font-bold text-white mb-4 flex items-center gap-2 text-sm uppercase tracking-wider">

apps/web/src/components/views/GearView.tsx

@@ -359,7 +359,7 @@ export const GearView: React.FC = () => {
             <div className="flex-1 overflow-y-auto p-8">
               <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
                 {/* Left: Specs & Info */}
-                <div className="lg:col-span-2 space-y-6">
+                <div className="lg:col-span-2 space-y-8">
                   {/* Specifications */}
                   <Card variant="default">
                     <h4 className="flex items-center gap-2 font-bold text-white mb-4 border-b border-kodo-steel pb-2">
@@ -446,7 +446,7 @@ export const GearView: React.FC = () => {
                 </div>
 
                 {/* Right: Purchase & Docs */}
-                <div className="space-y-6">
+                <div className="space-y-8">
                   {/* Purchase Info */}
                   <Card variant="glass">
                     <h4 className="flex items-center gap-2 font-bold text-white mb-4 border-b border-kodo-steel pb-2">

apps/web/src/components/views/ProfileView.tsx

@@ -243,7 +243,7 @@ export const ProfileView: React.FC<ProfileViewProps> = ({ userId }) => {
         </div>
 
         {/* Identity Section */}
-        <div className="px-6 md:px-12 relative z-20 -mt-20 flex flex-col md:flex-row items-end gap-6">
+        <div className="px-6 md:px-12 relative z-20 -mt-20 flex flex-col md:flex-row items-end gap-8">
           <div className="relative shrink-0 group">
             <Avatar
               src={profile.avatar}

apps/web/src/components/views/PurchasesView.tsx

@@ -80,7 +80,7 @@ export const PurchasesView: React.FC = () => {
             <Card
               key={purchase.id}
               variant="default"
-              className="flex flex-col md:flex-row items-center gap-6 p-4"
+              className="flex flex-col md:flex-row items-center gap-8 p-4"
             >
               {/* Image */}
               <div className="w-20 h-20 rounded-lg overflow-hidden flex-shrink-0 bg-kodo-graphite">

apps/web/src/pages/DashboardPage.tsx

@@ -128,7 +128,7 @@ export function DashboardPage() {
   return (
     <div className="space-y-12 pb-12 animate-fade-in">
       {/* Header Section */}
-      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-8">
         <div className="space-y-2">
           <h1 className="text-2xl font-bold text-white tracking-tight">
             Bienvenue,{' '}