fix(ui): login auth callback format and middleware tabs layout

Pass format: 'text' to api.auth.callback on the login page.

Add flex flex-col to Tabs in MiddlewareComposeEditor so tab content
fills the column layout.

Author: yusing

src/components/config_editor/middleware_compose/MiddlewareEditor.tsx

@@ -55,7 +55,7 @@ export function MiddlewareComposeEditor({
     <Tabs
       value={selectedTab !== undefined ? String(selectedTab) : undefined}
       onValueChange={value => setSelectedTab(value ? Number(value) : undefined)}
-      className="w-full"
+      className="w-full flex flex-col"
     >
       <TabsList className="flex w-full flex-wrap gap-1 h-auto min-h-9 p-1">
         {keys.map((k, index) => (

src/routes/login.tsx

@@ -43,7 +43,7 @@ function LoginPage() {
     async (value: FormValues) => {
       form.clearErrors()
       await api.auth
-        .callback(value)
+        .callback(value, { format: 'text' })
         .then(() => navigate({ to: '/', replace: true }))
         .catch(error => form.password.setError(formatError(error).message))
     },