add settings layout

src/app/styles/global-styles.scss

@@ -1,5 +1,6 @@
 @use './header.scss';
 @use './dashboard.scss';
+@use './settings.scss';
 
 .btn {
 	padding: 12px 24px;
@@ -26,6 +27,27 @@
 	}
 }
 
+.btn-secondary {
+	background: #f3f4f6;
+	color: #374151;
+	border: 2px solid transparent;
+
+	&:hover {
+		background: #e5e7eb;
+	}
+}
+
+.btn-outline {
+	background: transparent;
+	border: 2px solid #6366f1;
+	color: #6366f1;
+
+	&:hover {
+		background: #6366f1;
+		color: white;
+	}
+}
+
 .divider {
 	text-align: center;
 	margin: 20px 0;
@@ -48,4 +70,11 @@
 		padding: 0 15px;
 		position: relative;
 	}
+}
+
+.settings-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+	gap: 30px;
+	margin-bottom: 30px;
 }