refactor: improve error handling layout in CitationPanel and update Separator styling across multiple components for consistency

surfsense_web/components/citation-panel/citation-panel.tsx

@@ -133,9 +133,11 @@ export const CitationPanelContent: FC<CitationPanelContentProps> = ({
 				)}
 
 				{error && (
-					<p className="py-8 text-sm text-destructive">
+					<div className="flex min-h-full items-center justify-center text-center">
+						<p className="text-sm text-destructive">
 							{error instanceof Error ? error.message : "Failed to load citation"}
 						</p>
+					</div>
 				)}
 
 				{!isLoading && !error && data && (

surfsense_web/components/shared/image-config-dialog.tsx

@@ -298,7 +298,7 @@ export function ImageConfigDialog({
 								/>
 							</div>
 
-							<Separator />
+							<Separator className="bg-popover-border" />
 
 							<div className="space-y-2">
 								<Label className="text-sm font-medium">Provider *</Label>

surfsense_web/components/shared/llm-config-form.tsx

@@ -404,7 +404,7 @@ export function LLMConfigForm({
 				{/* Advanced Parameters */}
 				{showAdvanced && (
 					<>
-						<Separator />
+						<Separator className="bg-popover-border" />
 						<Collapsible open={advancedOpen} onOpenChange={setAdvancedOpen}>
 							<CollapsibleTrigger asChild>
 								<Button
@@ -443,7 +443,7 @@ export function LLMConfigForm({
 				)}
 
 				{/* System Instructions & Citations Section */}
-				<Separator />
+				<Separator className="bg-popover-border" />
 				<Collapsible open={systemInstructionsOpen} onOpenChange={setSystemInstructionsOpen}>
 					<CollapsibleTrigger asChild>
 						<Button

surfsense_web/components/shared/vision-config-dialog.tsx

@@ -299,7 +299,7 @@ export function VisionConfigDialog({
 								/>
 							</div>
 
-							<Separator />
+							<Separator className="bg-popover-border" />
 
 							<div className="space-y-2">
 								<Label className="text-sm font-medium">Provider *</Label>