rename some routes

frontend/src/app/routes/settings/settings-syspref/settings-syspref.component.html

@@ -1,4 +1,4 @@
-<h1>Settings Syspref</h1>
+<h1>System Settings</h1>
 
 <ng-container *ngIf="render">
   <ng-container *ngFor="let pref of preferences">

frontend/src/app/routes/settings/settings-syspref/settings-syspref.module.ts

@@ -1,7 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { MatInputModule } from '@angular/material/input';
-import { MatListModule } from '@angular/material/list';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { SettingsSysprefOptionComponent } from './settings-syspref-option/settings-syspref-option.component';
 import { SettingsSysprefComponent } from './settings-syspref.component';
@@ -12,7 +11,6 @@ import { SettingsSysprefRoutingModule } from './settings-syspref.routing.module'
   imports: [
     CommonModule,
     SettingsSysprefRoutingModule,
-    MatListModule,
     MatSlideToggleModule,
     MatInputModule,
   ],

frontend/src/app/routes/settings/settings.routing.module.ts

@@ -29,12 +29,12 @@ const SettingsRoutes: PRoutes = [
         },
       },
       {
-        path: 'syspref',
+        path: 'system',
         loadChildren: () => SettingsSysprefRouteModule,
         data: {
           permissions: [Permission.SysPrefManage],
           page: {
-            title: 'Sys Preferences',
+            title: 'System Settings',
             icon: 'settings',
             category: 'system',
           },

frontend/src/scss/fixes.scss

@@ -46,7 +46,3 @@ form mat-form-field {
   width: inherit;
   max-width: 40rem;
 }
-
-input::placeholder {
-  color: white;
-}