feat: Refactor course editor layout to support dynamic page headers and standardize styling with new utility classes, including some localization.

web/studio/src/app/globals.css

@@ -65,6 +65,30 @@ body {
   @apply scale-95;
 }
 
+/* Premium Typography System */
+.heading-premium {
+  @apply text-3xl md:text-4xl font-black tracking-tight leading-tight;
+  background: linear-gradient(to bottom right, #111827, #374151);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.dark .heading-premium {
+  background: linear-gradient(to bottom right, #ffffff, #9ca3af);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.section-title {
+  @apply text-xl md:text-2xl font-black tracking-tight flex items-center gap-3 text-gray-900 dark:text-white;
+}
+
+.text-description-premium {
+  @apply text-sm md:text-base text-slate-500 dark:text-gray-400 font-medium;
+}
+
 /* Custom Scrollbar */
 ::-webkit-scrollbar {
   width: 6px;