fix(ui): resolve layout and theme issues in profile editor

- Fix overflow issues in main layout by removing pb-12 and adding min-h-0
- Fix code editor theme switching by adding key prop to force re-render
- Fix localhost disclaimer positioning by removing fixed positioning and redundant padding
- Simplify analytics page layout structure and adjust spacing

Author: kaitranntt

ui/src/App.tsx

@@ -50,7 +50,7 @@ function Layout() {
             <ThemeToggle />
           </div>
         </header>
-        <div className="flex-1 overflow-auto pb-12">
+        <div className="flex-1 overflow-auto min-h-0">
           <Suspense fallback={<PageLoader />}>
             <Outlet />
           </Suspense>

ui/src/components/code-editor.tsx

@@ -126,6 +126,7 @@ export function CodeEditor({
           value={value}
           onValueChange={readonly ? () => {} : onChange}
           highlight={highlightCode}
+          key={isDark ? 'dark' : 'light'}
           padding={12}
           disabled={readonly}
           onFocus={() => setIsFocused(true)}

ui/src/components/localhost-disclaimer.tsx

@@ -7,7 +7,7 @@ export function LocalhostDisclaimer() {
   if (dismissed) return null;
 
   return (
-    <div className="fixed bottom-0 left-0 right-0 bg-yellow-50 dark:bg-yellow-900/20 border-t border-yellow-200 dark:border-yellow-800 px-4 py-2 z-50 md:pl-[var(--sidebar-width)] transition-[padding] duration-200">
+    <div className="w-full bg-yellow-50 dark:bg-yellow-900/20 border-t border-yellow-200 dark:border-yellow-800 px-4 py-2 transition-colors duration-200">
       <div className="flex items-center justify-center gap-4">
         <div className="flex items-center gap-2 text-sm text-yellow-800 dark:text-yellow-200">
           <Shield className="w-4 h-4 flex-shrink-0" />