Refine component styles and fix layout containers

- Reduce accordion border thickness from 2px to 1px
- Add border and use CSS variables for progress component
- Fix dashboard layout margins and container inheritance

Author: TorstenDittmann

packages/main/src/compoments/_accordion.scss

@@ -1,5 +1,5 @@
 details {
-	border-bottom: 2px solid var(--border);
+	border-bottom: 1px solid var(--border);
 	padding-block-end: 1rem;
 	list-style-type: none;
 

packages/main/src/compoments/_progress.scss

@@ -3,19 +3,19 @@ progress[value] {
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
-	border: none;
+	border-style: solid;
+	border-width: 1px;
+	border-color: var(--border);
 	border-radius: 9999px;
 	background: var(--background);
 	width: 100%;
 	height: 1rem;
 	overflow: hidden;
 }
-progress[value]::-webkit-progress-bar {
-	background: #27272a;
-}
+
 progress[value]::-webkit-progress-value {
-	background: #fafafa;
+	background: var(--color);
 }
 progress[value]::-moz-progress-bar {
-	background: #fafafa;
+	background: var(--color);
 }

packages/main/src/layouts/_dashboard.scss

@@ -7,7 +7,7 @@
 		"header"
 		"main"
 		"footer";
-	>  {
+	> {
 		header {
 			grid-area: header;
 		}
@@ -16,13 +16,11 @@
 			grid-area: main;
 			gap: 1rem;
 			margin-block-start: 1rem;
+			margin-inline: auto;
+			@include breakpoints.container;
 		}
 		footer {
 			grid-area: footer;
-		}
-		main,
-		footer {
-			margin: 0 auto;
 			@include breakpoints.container;
 		}
 		header {