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/App.tsx

@@ -4,6 +4,8 @@ import Canvas from './components/Canvas';
 import TopBar from './components/TopBar';
 import Toolbar from './components/Toolbar';
 import Inspector from './components/Inspector';
+import LayersPanel from './components/LayersPanel';
+import FontLoader from './components/FontLoader';
 import { useCanvasStore } from './store/canvasStore';
 
 function App() {
@@ -105,8 +107,10 @@ function App() {
 
   return (
     <div className="h-screen flex flex-col bg-neutral-900 text-white">
+      <FontLoader />
       <TopBar stageRef={stageRef} />
       <div className="flex-1 flex overflow-hidden">
+        <LayersPanel />
         <Toolbar />
         <Canvas stageRef={stageRef} />
         <Inspector />