refactor(admin): restructure adult verification and erotic moderation views for improved layout

- Updated the AdultVerificationView and EroticModerationView components to utilize a new layout structure with content scrolling and hidden overflow for better user experience.
- Adjusted styles in styles.scss to support the new layout, ensuring proper height and overflow handling for content sections.

frontend/src/assets/styles.scss

@@ -276,13 +276,16 @@ main,
 }
 
 .app-content__inner > .contenthidden {
-  height: auto;
+  flex: 1 1 auto;
-  overflow: visible;
+  min-height: 0;
+  height: 100%;
+  overflow: hidden;
 }
 
 .app-content__inner > .contenthidden > .contentscroll {
-  height: auto;
+  min-height: 0;
-  overflow: visible;
+  height: 100%;
+  overflow: auto;
 }
 
 .surface-card {

frontend/src/views/admin/AdultVerificationView.vue

@@ -1,4 +1,6 @@
 <template>
+  <div class="contenthidden">
+    <div class="contentscroll">
       <div class="adult-verification">
         <section class="adult-verification__hero surface-card">
           <span class="adult-verification__eyebrow">Administration</span>
@@ -93,6 +95,8 @@
           </div>
         </section>
       </div>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -195,6 +199,7 @@ export default {
 .adult-verification {
   display: grid;
   gap: 18px;
+  padding-bottom: 24px;
 }
 
 .adult-verification__hero,

frontend/src/views/admin/EroticModerationView.vue

@@ -1,4 +1,6 @@
 <template>
+  <div class="contenthidden">
+    <div class="contentscroll">
       <div class="adult-verification">
         <section class="adult-verification__hero surface-card">
           <span class="adult-verification__eyebrow">Administration</span>
@@ -74,6 +76,8 @@
           </table>
         </section>
       </div>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -158,6 +162,7 @@ export default {
 .adult-verification {
   display: grid;
   gap: 18px;
+  padding-bottom: 24px;
 }
 
 .adult-verification__hero,