Fixed all styling for rules page.

Reorganized SCSS files for better structure and maintainability. Updated layouts to ensure consistent spacing, alignment, and responsiveness across components. Note: "Show exceptions" still needs to be fixed.
Also fixed social icon spacing in the footer.

frontend/src/styles.scss

@@ -221,6 +221,13 @@ tr {
   transition: 0.5s ease;
 }
 
+main .container {
+  padding: 80px 0;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+
 .container {
   width: 80%;
   max-width: 1020px;
@@ -229,7 +236,6 @@ tr {
   align-items: center;
 }
 
-
 .title {
   height: calc(100% - 110px);
   display: flex;