Refactor IPs table layout for improved styling and structure

- Adjusted the ScrollArea and surrounding div structure to enhance layout consistency.
- Updated class properties for better visual alignment and responsiveness in the IPs table component.

web/src/routes/ips/+page.svelte

@@ -627,7 +627,11 @@ $effect(() => {
 				>Сброс</Button>
 			</DataTableToolbar>
 		{/snippet}
-		<ScrollArea class="max-h-[min(75vh,560px)] w-full" orientation="both">
+		<div class="flex w-full flex-col">
+		<ScrollArea
+			class="h-[min(75vh,560px)] w-full shrink-0"
+			orientation="both"
+		>
 			<Table.Root>
 				<Table.Header class="sticky top-0 z-10 bg-muted">
 					<Table.Row class="border-b border-border/80 hover:bg-transparent">
@@ -707,7 +711,7 @@ $effect(() => {
 		</ScrollArea>
 		{#if displayedIpRows.length > ipsPerPage}
 			<div
-				class="flex flex-wrap items-center justify-between gap-2 border-t px-4 py-3 text-sm text-muted-foreground"
+				class="relative z-10 flex shrink-0 flex-wrap items-center justify-between gap-2 border-t border-border bg-card px-4 py-3 text-sm text-muted-foreground"
 			>
 				<span>
 					{displayedIpRows.length === 0
@@ -730,6 +734,7 @@ $effect(() => {
 				</div>
 			</div>
 		{/if}
+		</div>
 	</DataTableCard>
 	{/snippet}
 </DataQueryState>