feat: implement core course platform UI and logic

- Add project configuration and git ignore rules
- Implement App router with protected routes
- Develop course player, grid, and card components
- Add state management for course progress and navigation
- Initialize database services for course and comment data

public/Compor Hub-negativo.svg

@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 90" fill="none" width="100%" height="100%">
+  <!-- "compor" in white for dark background -->
+  <text 
+    x="5" 
+    y="66" 
+    font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Montserrat', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" 
+    font-size="64" 
+    font-weight="900" 
+    fill="#FFFFFF" 
+    letter-spacing="-2px"
+  >compor</text>
+
+  <!-- 3 Orange Dots in precise triangle (2 top, 1 bottom) -->
+  <g fill="#EA721D">
+    <circle cx="282" cy="22" r="8" />
+    <circle cx="304" cy="22" r="8" />
+    <circle cx="293" cy="38" r="8" />
+  </g>
+
+  <!-- "HUB" in Orange -->
+  <text 
+    x="326" 
+    y="66" 
+    font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Montserrat', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" 
+    font-size="66" 
+    font-weight="900" 
+    fill="#EA721D" 
+    letter-spacing="0px"
+  >HUB</text>
+</svg>