Google Fonts (#525)

* Google Fonts

* Google fonts improvement

* font button color

* Refine font selection UI and update font fetching logic

- Update FontsController to fetch Google fonts sorted by popularity.
- Enhance FontCard component with additional skeleton loaders for better UX during font loading.
- Adjust check icon positioning in FontCard to be absolute for consistent UI.
- Remove unnecessary class in GoogleFontPicker's text input.
- Add border and rounded styling to the font list container in GoogleFontPicker.
- Simplify computed property for enrichedFonts in GoogleFontPicker.
- Implement inline font style preview in FormCustomization component.

---------

Co-authored-by: Frank <csskfaves@gmail.com>
Co-authored-by: Julien Nahum <julien@nahum.net>

app/Models/Forms/Form.php

@@ -31,9 +31,9 @@ class Form extends Model implements CachableAttributes
 
     public const DARK_MODE_VALUES = ['auto', 'light', 'dark'];
 
-    public const SIZES = ['sm','md','lg'];
+    public const SIZES = ['sm', 'md', 'lg'];
 
-    public const BORDER_RADIUS = ['none','small','full'];
+    public const BORDER_RADIUS = ['none', 'small', 'full'];
 
     public const THEMES = ['default', 'simple', 'notion'];
 
@@ -53,6 +53,7 @@ class Form extends Model implements CachableAttributes
         'visibility',
 
         // Customization
+        'font_family',
         'custom_domain',
         'size',
         'border_radius',