[frontend/components] Improve layout styling

Iceshrimp.Frontend/Layout/MainLayout.razor.css

@@ -49,6 +49,7 @@
         margin-right: 0.5rem;
         padding: 0.2rem 0.4rem;
         border-radius: 0.5rem;
+        background-color: var(--foreground-color);
         cursor: pointer;
     }
 }

Iceshrimp.Frontend/Layout/ModerationLayout.razor.css

@@ -28,16 +28,8 @@
 .body {
     width: 100%;
     height: 100%;
-    padding-right: 2rem;
-    padding-left: 1rem;
-    @media(max-width: 1000px) {
-        padding-left: 1rem;
     padding-right: 1rem;
-    }
-
-    > .body {
-        max-width: 50rem;
-    }
+    padding-left: 1rem;
 }
 
 @media(max-width: 1000px){

Iceshrimp.Frontend/Pages/Moderation/CustomEmojis.razor

@@ -37,7 +37,6 @@
     }
 </SectionContent>
 
-<div class="body">
 @if (State is State.Empty or State.Error or State.Loaded)
 {
     <div class="emoji-search">
@@ -73,7 +72,6 @@
     <InputFile @ref="UploadInput" OnChange="Upload" accept="image/*">Upload</InputFile>
     <InputFile @ref="ImportInput" OnChange="Import" accept=".zip">Import</InputFile>
 </div>
-</div>
 
 @code {
     private List<EmojiResponse>                     Emojis      { get; set; } = [];

Iceshrimp.Frontend/Pages/Moderation/CustomEmojisRemote.razor

@@ -11,10 +11,7 @@
 @attribute [Authorize(Roles = "moderator")]
 @layout ModerationLayout
 @inject ApiService                     Api;
-@inject GlobalComponentSvc             Global;
-@inject IJSRuntime                     Js;
 @inject IStringLocalizer<Localization> Loc;
-@inject ILogger<CustomEmojis>          Logger;
 
 <HeadTitle Text="@Loc["Remote Emojis"]"/>
 
@@ -29,7 +26,6 @@
     }
 </SectionContent>
 
-<div class="body">
 @if (State is State.Empty or State.Error or State.Loaded)
 {
     <div class="emoji-search">
@@ -61,7 +57,6 @@
         <LoadingSpinner Scale="2"/>
     </div>
 }
-</div>
 
 @code {
     private List<EmojiResponse> Emojis         { get; set; } = [];