feat(AboutPage): improved about page with branding images

src/SEQTA.ts

@@ -373,9 +373,9 @@ export function OpenAboutPage() {
   let text = stringToHTML(
     /* html */ `
     <div class="whatsnewTextContainer" style="height: 50%;overflow-y: scroll;">
-      <h1>About</h1>
+      <img src="${settingsState.DarkMode ? 'https://raw.githubusercontent.com/BetterSEQTA/BetterSEQTA-Plus/main/src/resources/branding/dark.jpg' : 'https://raw.githubusercontent.com/BetterSEQTA/BetterSEQTA-Plus/main/src/resources/branding/light.jpg'}" class="whatsnewImgContainer" />
+
       <p>BetterSEQTA+ is a fork of BetterSEQTA which was originally developed by Nulkem, which was discontinued. BetterSEQTA+ continued development of BetterSEQTA, while incorporating a plethora of features. </p>
-      <br>
       <p>We are currently working on fixing bugs and adding good features. If you want to make a feature request or report a bug, you can do so on GitHub (find icon below).</p>
       <h1>Credits</h1>
       <p>Nulkem created the original extension, was ported to Manifest V3 by MEGA-Dawg68, and is under active development by Crazypersonalph and SethBurkart123.</p>

src/css/injected.scss

@@ -3061,9 +3061,12 @@ li.MessageList__unread___3imtO {
 }
 .whatsnewTextContainer h1:not(.whatsnewTextHeader) {
   position: sticky;
+  font-size: 1.2em;
   width: 100%;
   top: 0;
   background: var(--background-primary) !important;
   z-index: 1;
-  padding: 10px;
+  padding: 12px;
+  padding-left: 0px;
+  padding-bottom: 8px;
 }