tanstak table corrected adaptive layout

src/app/styles/global-styles.scss

@@ -33,7 +33,7 @@
 }
 
 .main-containter-wrapper {
-	margin-left: 280px;
+	margin-left: var(--side-bar-width);;
 	flex: 1;
 	padding: 30px;
 	background: v.$bg-light;
@@ -45,6 +45,21 @@
 	margin: 0 auto;
 }
 
+.block-wrapper {
+	background: v.$white;
+	border-radius: 20px;
+	padding: 25px;
+	box-shadow: 0 4px 20px v.$shadow-1;
+	border: 1px solid v.$b-color-1;
+	margin-bottom: 30px;
+	width: 100%;
+	max-width: calc(100vw - var(--side-bar-width) - 60px);
+
+	&.auto {
+		width: auto;
+	}
+}
+
 .btn {
 	padding: 12px 24px;
 	border-radius: 10px;
@@ -165,7 +180,8 @@
 }
 
 .sidebar {
-	width: 280px;
+	/* width: v.$side-bar-width; */
+	width: var(--side-bar-width);
 	background: linear-gradient(180deg, v.$p-color 0%, v.$s-color 100%);
 	padding: 30px 0;
 	position: fixed;