[CSS] Improved performance, reduced padding [COMPONENTS][LeftPanel] Consolidated CSS into base.css [COMPONENTS][RightPanel] Consolidated CSS into base.css [PLUGINS][WebMonetization] Replaced fieldset with section

Accessibility tests failed if the fieldset had no legend, since it
wasn't really neeeded, it was replaced as another element.

public/components/LeftPanel/assets/css/view.css

@@ -1,95 +0,0 @@
-
-
-.section-panel-left {
-    position: absolute;
-    left: 0;
-}
-
-#panel-left-toggle:not(:checked),
-#panel-left-toggle:checked {
-    position: absolute;
-    top: -100%;
-}
-
-.panel-left-icon {
-    cursor: pointer !important;
-    padding-left: var(--s);
-    border: 2px solid transparent;
-    vertical-align: middle;
-}
-
-.profile-navigation {
-    display: flex;
-    flex-direction: column;
-}
-
-
-/* FEED NAVIGATION / PLUGINS */
-.feed-nav {
-    margin-bottom: var(--xl);
-}
-
-.feed-nav a {
-    display: flex;
-}
-
-.feed-nav hr {
-    flex: 1;
-    background: linear-gradient(90deg, var(--accent), transparent);
-}
-
-.feed-nav a {
-    color: var(--foreground);
-}
-
-.feed-nav .active {
-    color: var(--foreground);
-}
-
-.main-nav a {
-    display: flex;
-    flex-direction: column;
-}
-
-.footer {
-    margin-top: auto;
-    font-size: var(--unit);
-}
-
-.footer ul {
-    display: inline-flex;
-    flex-wrap: wrap;
-    width: 100%;
-    justify-content: flex-start;
-}
-
-.footer ul li {
-    margin-right: 5px;
-}
-
-/* > 720p */
-@media only screen and (min-width:1281px) {
-    .section-panel-left #panel-left-toggle ~ .header-panel {
-        left: 0;
-    }
-
-    .panel-left-icon {
-        opacity: 0;
-    }
-}
-
-/* > 1080p */
-@media only screen and (min-width:1921px) {
-    /*
-    * Using the Van de Graaf Canon and Tschichold’s recommended 2:3 page-size ratio
-    *
-    * 50% - (100 * 2/3) / 2 = 33%
-    *
-    * > .section-panel-left
-    * 50 % - 33% = 17%
-    */
-    .section-panel-left {
-        left: 0;
-        margin-left: 17vw;
-    }
-}

public/components/RightPanel/assets/css/view.css

@@ -1,52 +0,0 @@
-
-
-.section-panel-right {
-    position: absolute;
-    right: 0;
-}
-
-#panel-right-toggle:not(:checked),
-#panel-right-toggle:checked {
-    position: absolute;
-    top: -100%;
-}
-
-.section-panel-right #panel-right-toggle:checked ~ .header-panel {
-    left: 0;
-}
-
-.panel-right-icon {
-    cursor: pointer !important;
-    padding-right: var(--s);
-    border: 2px solid transparent;
-    vertical-align: middle;
-}
-
-.section-panel-right textarea {
-    resize: vertical;
-}
-
-@media only screen and (min-width: 1281px) {
-    .section-panel-right #panel-right-toggle ~ .header-panel {
-        right: 0;
-    }
-
-    .panel-right-icon {
-        opacity: 0;
-    }
-}
-
-/* > 1080p */
-@media only screen and (min-width:1921px) {
-    /*
-    * Using the Van de Graaf Canon and Tschichold’s recommended 2:3 page-size ratio
-    *
-    * 50% - (100 * 2/3) / 2 = 33%
-    *
-    * > .section-panel-right
-    * 50 % - 33% = 17%
-    */
-    .section-panel-right {
-        margin-right: 17vw;
-    }
-}