Refactor MudPaper component styling across various features for consistency

Updated the MudPaper component styling in multiple files to use a consistent padding class of "pa-3 pa-md-6" instead of "pa-6". This change enhances the visual consistency of the UI across the Calendar, Events, Students, and Teams components, improving the overall user experience.

WebApp/wwwroot/app.css

@@ -56,6 +56,19 @@
     display: flex;
     gap: 0.5rem;
     align-items: center;
+    flex-wrap: wrap;
+}
+
+@media (max-width: 600px) {
+    .page-header-actions {
+        width: 100%;
+        margin-top: 0.5rem;
+    }
+    
+    .page-header > div > div:first-of-type {
+        flex-direction: column;
+        align-items: flex-start !important;
+    }
 }
 
 .form-actions {
@@ -66,6 +79,17 @@
     margin-bottom: 1rem;
 }
 
+@media (max-width: 600px) {
+    .form-actions {
+        flex-direction: column;
+        width: 100%;
+    }
+    
+    .form-actions > * {
+        width: 100%;
+    }
+}
+
 .icon-button-hover-error:hover {
     color: var(--mud-palette-error) !important;
 }
@@ -87,4 +111,21 @@
     to {
         opacity: 1;
     }
+}
+
+/* Toolbar title responsive styling */
+.appbar-title {
+    max-width: calc(100vw - 150px);
+}
+
+@media (max-width: 600px) {
+    .appbar-title {
+        font-size: 0.875rem;
+        max-width: calc(100vw - 120px);
+    }
+    
+    /* Reduce base font size on mobile */
+    body {
+        font-size: 0.875rem;
+    }
 }