Fix connect ui bg (#26794)

* Fix connect ui bg

* Remove unused bodyclassname prop

apps/studio/components/interfaces/Home/Connect/Connect.tsx

@@ -170,7 +170,7 @@ const Connect = () => {
             </span>
           </Button>
         </DialogTrigger>
-        <DialogContent className={cn('sm:max-w-5xl p-0')}>
+        <DialogContent className={cn('sm:max-w-5xl p-0 bg-surface-100')}>
           <DialogHeader className="pb-0">
             <DialogTitle>Connect to your project</DialogTitle>
             <DialogDescription>

apps/studio/components/interfaces/Reports/ReportWidget.tsx

@@ -45,13 +45,7 @@ const ReportWidget = (props: ReportWidgetProps) => {
   const projectRef = ref as string
 
   return (
-    <Panel
-      noMargin
-      noHideOverflow
-      className={cn('pb-0', props.className)}
-      bodyClassName="h-full"
-      wrapWithLoading={false}
-    >
+    <Panel noMargin noHideOverflow className={cn('pb-0', props.className)} wrapWithLoading={false}>
       <Panel.Content className="space-y-4">
         <div className="flex flex-row items-start justify-between">
           <div className="gap-2">

apps/studio/components/interfaces/Settings/Database/DatabaseSettings/DatabaseConnectionString.tsx

@@ -170,9 +170,8 @@ export const DatabaseConnectionString = ({ appearance }: DatabaseConnectionStrin
       <Panel
         className={cn(
           '!m-0 [&>div:nth-child(1)]:!border-0 [&>div:nth-child(1)]:!p-0',
-          appearance === 'minimal' && 'border-0 shadow-none'
+          appearance === 'minimal' && 'border-0 shadow-none bg-transparent'
         )}
-        bodyClassName={cn(appearance === 'minimal' && 'bg-transparent')}
         titleClasses={cn(appearance === 'minimal' && 'bg-transparent')}
         title={
           <div

apps/studio/components/ui/Panel.tsx

@@ -2,7 +2,6 @@ import { PropsWithChildren, ReactNode } from 'react'
 import { Loading, cn } from 'ui'
 
 interface PanelProps {
-  bodyClassName?: string
   className?: string
   footer?: JSX.Element | false
   loading?: boolean