UI improvements and initial loading screen color

src/components/Layout.tsx

@@ -64,11 +64,9 @@ export const Layout: Component<LayoutProps> = (props) => {
 
                 {/* Main Content Area */}
                 <main class="flex-1 min-w-0 overflow-y-auto overflow-x-hidden pb-32 sm:pb-6 relative scroll-smooth">
-                    <div class="w-full max-w-screen-2xl mx-auto p-3 sm:p-6 lg:p-10 space-y-6 sm:space-y-8">
+                    <div class="w-full max-w-screen-2xl mx-auto px-4 sm:px-8 lg:px-12 pt-16 sm:pt-20 pb-8 space-y-6 sm:space-y-8">
                         <Show when={props.currentView.toLowerCase() !== "settings"}>
-                            <div class="sticky top-0 z-40 flex items-center justify-end py-2 -mx-3 px-3 md:relative md:top-auto md:z-auto md:py-0 md:mx-0 md:px-0 bg-background/80 backdrop-blur-md md:bg-transparent md:backdrop-blur-none transition-all duration-300">
-                                <FilterBar />
-                            </div>
+                            <FilterBar />
                         </Show>
 
                         {props.children}