fix: update document grid layout for better responsiveness

Author: webplusmultimedia

resources/views/infolist/document.blade.php

@@ -10,13 +10,8 @@
 >
     @if(($record) and $record->hasDocuments($getName()))
         <div
-            {{
-                $attributes->class([
-                    "grid grid-cols-4 gap-4",
-                ])
-            }}
+            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
         >
-
             @foreach($record->getDocuments($getName()) as $document)
                 <a href="{{ $document->getUrl() }}" target="_blank"
                    class="inline-flex items-center gap-x-1 text-xs text-primary-600 hover:text-primary-500"