feat(ui): Add view settings to network monitors table (#2396)

internal/site/src/index.css

@@ -68,6 +68,7 @@
 
 	--breakpoint-xs: 26.6rem;
 	--breakpoint-450: 28rem;
+	--breakpoint-md-lg: 53rem;
 	--breakpoint-2xl: 90rem;
 
 	--radius-sm: calc(var(--radius) - 4px);
@@ -117,6 +118,7 @@
 }
 
 @layer utilities {
+
 	/* Fonts */
 	@supports (font-variation-settings: normal) {
 		:root {
@@ -147,11 +149,11 @@
 	button {
 		cursor: pointer;
 	}
-	
+
 	/* cosmetic patch for half pixel gap in table headers when scrolling content shows at top  */
 	thead.sticky:before {
 		content: "";
-		@apply absolute -top-2 left-0 w-full h-4 bg-table-header z-50	
+		@apply absolute -top-2 left-0 w-full h-4 bg-table-header z-50
 	}
 }
 
@@ -172,6 +174,7 @@
 @utility scrollbar-hide {
 	-ms-overflow-style: none;
 	scrollbar-width: none;
+
 	&::-webkit-scrollbar {
 		display: none;
 	}
@@ -188,4 +191,4 @@
 
 .recharts-yAxis {
 	@apply tabular-nums;
-}
+}