Update responsive styles and class names for consistency

Refactored multiple components to improve responsive design, ensuring better usability on smaller screens. Standardized class names for clarity and consistency, and adjusted layouts and styles to enhance overall alignment and accessibility.

frontend/src/app/pages/reference/rules/rules.component.html

@@ -164,7 +164,7 @@
             glitches). Exploiting any non-vanilla features (our plugins) is prohibited. Additionally, tools that bypass
             our AFK system are not allowed. You may use any mods that fit into the categories below.</p>
           <p style="font-family: 'opensans-bold', sans-serif;">We allow modifications in the following categories:</p>
-          <ul class="list">
+          <ul class="full-page-list">
             <li>Mods that improve client performance (Optifine)</li>
             <li>Minimaps, as long as it doesn't show anything you can't normally see (caves, dungeon locations, etc.)
             </li>

frontend/src/app/pages/reference/rules/rules.component.scss

@@ -62,11 +62,11 @@
 }
 
 @media (max-width: 670px) {
-  main .container {
-    text-align: center;
-  }
-
   .list {
     margin-left: 50px;
   }
+
+  .full-page-list {
+    margin-left: 30px;
+  }
 }