feat: add brand strip customization to BackgroundPanel

- Implemented a new section in BackgroundPanel for configuring a brand strip.
- Added options for enabling/disabling the brand strip, setting its position, height, color, text, text color, font family, and font size.
- Integrated FONT_FAMILIES for font selection in the brand strip.
- Updated canvasStore to include default values for the brand strip.
- Enhanced TextInspector and CodeInspector to allow font loading and selection with previews.
- Created a FontLoader component to manage font loading from Google Fonts.
- Added LayersPanel for managing canvas elements with improved UI and functionality.
- Introduced fontLoader utility to handle dynamic font loading.

src/store/canvasStore.ts

@@ -64,6 +64,16 @@ const defaultSnap: Snap = {
     type: 'gradient',
     solid: { color: '#101022' },
     gradient: { from: '#101022', to: '#1f1f3a', angle: 135 },
+    brandStrip: {
+      enabled: false,
+      position: 'bottom',
+      height: 60,
+      color: '#000000',
+      text: '',
+      textColor: '#ffffff',
+      fontSize: 16,
+      fontFamily: 'Inter',
+    },
   },
   elements: [],
 };