fix: spacing issues

Author: HarshMN2345

src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/containerHeader.svelte

@@ -41,7 +41,12 @@
 
         {#if title === 'Policies' && policiesCreated >= maxPolicies}
             <div style:height="40px;" style:padding-block-start="4px">
-                <DropList bind:show={showDropdown} width="16">
+                <DropList
+                    bind:show={showDropdown}
+                    width="16"
+                    noArrow
+                    placement="bottom-start"
+                    class="gap-popover policies-popover">
                     {#if $organization?.billingPlan === BillingPlan.PRO}
                         <Tag
                             size="s"
@@ -94,4 +99,15 @@
     .is-disabled {
         opacity: 0.5;
     }
+    :global(.drop.gap-popover) {
+        margin-block-start: 6px;
+    }
+    :global(.drop.policies-popover .drop-section) {
+        padding-block: var(--space-5, 12px);
+        padding-inline: var(--space-6, 16px);
+    }
+    :global(.drop.policies-popover .drop-list) {
+        padding: 0;
+        margin: 0;
+    }
 </style>