remove border and background from settings panel headers

packages/app/src/components/settings-general.tsx

@@ -37,7 +37,7 @@ export const SettingsGeneral: Component = () => {
 
   return (
     <div class="flex flex-col h-full overflow-y-auto no-scrollbar">
-      <div class="sticky top-0 z-10 bg-background-base border-b border-border-weak-base">
+      <div class="sticky top-0 z-10">
         <div class="flex flex-col gap-1 p-8 max-w-[720px]">
           <h2 class="text-16-medium text-text-strong">General</h2>
         </div>

packages/app/src/components/settings-keybinds.tsx

@@ -280,7 +280,7 @@ export const SettingsKeybinds: Component = () => {
 
   return (
     <div class="flex flex-col h-full overflow-y-auto no-scrollbar">
-      <div class="sticky top-0 z-10 bg-background-base border-b border-border-weak-base">
+      <div class="sticky top-0 z-10">
         <div class="flex items-start justify-between gap-4 p-8 max-w-[720px]">
           <div class="flex flex-col gap-1">
             <h2 class="text-16-medium text-text-strong">Keyboard shortcuts</h2>

packages/app/src/components/settings-permissions.tsx

@@ -101,7 +101,7 @@ export const SettingsPermissions: Component = () => {
 
   return (
     <div class="flex flex-col h-full overflow-y-auto no-scrollbar">
-      <div class="sticky top-0 z-10 bg-background-base border-b border-border-weak-base">
+      <div class="sticky top-0 z-10">
         <div class="flex flex-col gap-1 p-8 max-w-[720px]">
           <h2 class="text-16-medium text-text-strong">Permissions</h2>
           <p class="text-14-regular text-text-weak">Control what tools the server can use by default.</p>