refactor(validation): implement centralized validation patterns across components

- Introduced `ValidationPatterns` class to standardize validation rules and messages for various fields across multiple components.
- Updated components including `General`, `StackForm`, `Create`, and `Show` to utilize the new validation patterns, ensuring consistent validation logic.
- Enhanced error messages for required fields and added regex validation for names and descriptions to improve user feedback.
- Adjusted styling in the `create.blade.php` view for better visual hierarchy.

app/Livewire/Storage/Create.php

@@ -3,6 +3,7 @@
 namespace App\Livewire\Storage;
 
 use App\Models\S3Storage;
+use App\Support\ValidationPatterns;
 use Illuminate\Support\Uri;
 use Livewire\Component;
 
@@ -24,15 +25,38 @@ class Create extends Component
 
     public S3Storage $storage;
 
-    protected $rules = [
-        'name' => 'required|min:3|max:255',
-        'description' => 'nullable|min:3|max:255',
-        'region' => 'required|max:255',
-        'key' => 'required|max:255',
-        'secret' => 'required|max:255',
-        'bucket' => 'required|max:255',
-        'endpoint' => 'required|url|max:255',
-    ];
+    protected function rules(): array
+    {
+        return [
+            'name' => ValidationPatterns::nameRules(),
+            'description' => ValidationPatterns::descriptionRules(),
+            'region' => 'required|max:255',
+            'key' => 'required|max:255',
+            'secret' => 'required|max:255',
+            'bucket' => 'required|max:255',
+            'endpoint' => 'required|url|max:255',
+        ];
+    }
+
+    protected function messages(): array
+    {
+        return array_merge(
+            ValidationPatterns::combinedMessages(),
+            [
+                'region.required' => 'The Region field is required.',
+                'region.max' => 'The Region may not be greater than 255 characters.',
+                'key.required' => 'The Access Key field is required.',
+                'key.max' => 'The Access Key may not be greater than 255 characters.',
+                'secret.required' => 'The Secret Key field is required.',
+                'secret.max' => 'The Secret Key may not be greater than 255 characters.',
+                'bucket.required' => 'The Bucket field is required.',
+                'bucket.max' => 'The Bucket may not be greater than 255 characters.',
+                'endpoint.required' => 'The Endpoint field is required.',
+                'endpoint.url' => 'The Endpoint must be a valid URL.',
+                'endpoint.max' => 'The Endpoint may not be greater than 255 characters.',
+            ]
+        );
+    }
 
     protected $validationAttributes = [
         'name' => 'Name',