[frontend] Unified panels (#812)

* settings panel restructuring

* clean up old Gin handlers

* colorscheme redesign, some other small css tweaks

* basic router layout, error boundary

* colorscheme redesign, some other small css tweaks

* kebab-case consistency

* superfluous padding on applist

* remove unused consts

* redux, whitespace changes..

* use .jsx extensions for components

* login flow up till app registration

* full redux oauth implementation, with basic error handling

* split oauth api functions

* oauth api revocation handling

* basic profile change submission

* move old dir

* profile overview

* fix keeping track of the wrong instance url (for different instance/api domains)

* use redux state for profile form

* delete old/index.js, old/basic.js, fully implemented

* implement old/user/profile.js

* implement password change

* remove debug logging

* support future api for removing files

* customize profile css

* remove unneeded wrapper components

* restructure form fields

* start on admin pages

* admin panel settings

* admin settings panel

* remove old/admin files

* add top-level redirect

* refactor/cleanup forms

* only do API checks on logged-in state

* admin-status based routing

* federation block routing

* federation blocks

* upgrade dependencies

* react 18 changes

* media cleanup

* fix useEffect hooks

* remove unused require

* custom emoji base

* emoji uploader

* delete last old panel files

* sidebar styling, remove unused page

* refactor submit functions

* fix sidebar boxshadow-border

* fix old css variables

* fix fake-toot avatar

* fix non-square emoji

* fix user settings redux keys

* properly get admin account contact from instance response

* Account.source default values

* source.status_format key

* mobile responsiveness

* mobile element tweaks

* proper redirect after removing block

* add redirects for old setting panel urls

* deletes

* fix mobile overflow

* clean up debug logging calls

1 files changed, 8 insertions, 8 deletions

diff --git a/web/source/css/profile.css b/web/source/css/profile.css
index 4fa0b6247..01ec077ac 100644
--- a/web/source/css/profile.css
+++ b/web/source/css/profile.css
@@ -28,7 +28,7 @@ main {
 }
 
 .profile {
-	background: $bg_accent;
+	background: $bg-accent;
 	display: grid;
 	grid-template-rows: auto auto auto;
 	grid-template-columns: auto;
@@ -38,7 +38,7 @@ main {
 
 	border-radius: $br;
 	box-shadow: $boxshadow;
-	border: $boxshadow_border;
+	border: $boxshadow-border;
 
 	.headerimage {
 		width: 100%;
@@ -50,7 +50,7 @@ main {
 			width: 100%;
 			height: 100%;
 			object-fit: cover;
-			border-radius: $br_inner $br_inner 0 0;
+			border-radius: $br-inner $br-inner 0 0;
 		}
 	}
 
@@ -69,7 +69,7 @@ main {
 
 		#profile-basic-filler2 {
 			grid-area: filler2;
-			background: $bg_trans;
+			background: $bg-trans;
 		}
 
 		.avatar {
@@ -79,7 +79,7 @@ main {
 			width: 8.5rem;
 			grid-area: avatar;
 			background: $bg;
-			border: $profile_avatar_border;
+			border: 0.2rem solid $avatar-border;
 			padding: 0;
 			border-radius: $br;
 			position: relative;
@@ -87,7 +87,7 @@ main {
 			box-shadow: $boxshadow;
 			img {
 				object-fit: cover;
-				border-radius: $br_inner;
+				border-radius: $br-inner;
 				width: 100%;
 				height: 100%;
 			}
@@ -105,7 +105,7 @@ main {
 			font-weight: bold;
 			font-size: 2rem;
 			line-height: 2.2rem;
-			background: $bg_trans;
+			background: $bg-trans;
 			word-break: break-all;
 			text-overflow: ellipsis;
 			overflow: hidden;
@@ -120,7 +120,7 @@ main {
 			padding-top: 0;
 			margin-top: 0.25rem;
 			padding-bottom: 0.25rem;
-			color: $fg_accent;
+			color: $fg-accent;
 			font-weight: bold;
 			word-break: break-all;
 			text-overflow: ellipsis;