fix[frontend]: darkmodetoggle background

Author: SharzyL

frontend/components/DarkModeToggle.tsx

@@ -40,7 +40,7 @@ export function DarkModeToggle({ mode, onModeChange, className, ...rest }: MyCom
     <Tooltip content={`Toggle dark mode (currently ${mode})`}>
       <Button
         isIconOnly
-        className={"mr-2 rounded-full bg-background" + " " + className}
+        className={"mr-2 rounded-full bg-background hover:bg-gray-100" + " " + className}
         aria-label="Toggle dark mode"
         onPress={() => {
           const curModeIdx = icons.findIndex(({ name }) => name === mode)

frontend/components/UploadedPanel.tsx

@@ -51,9 +51,11 @@ export function UploadedPanel({ pasteResponse, encryptionKey, ...rest }: Uploade
               <tr>
                 <td className={firstColClassNames}>Decryption URL</td>
                 <td className="w-full">
-                  <Snippet hideSymbol variant="bordered" classNames={snippetClassNames}>
-                    {pasteResponse && makeDecryptionUrl(pasteResponse.url, encryptionKey)}
-                  </Snippet>
+                  <Skeleton isLoaded={pasteResponse !== null} className="rounded-2xl grow">
+                    <Snippet hideSymbol variant="bordered" classNames={snippetClassNames}>
+                      {pasteResponse && makeDecryptionUrl(pasteResponse.url, encryptionKey)}
+                    </Snippet>
+                  </Skeleton>
                 </td>
               </tr>
             ) : null}

frontend/utils/encryption.ts

@@ -14,7 +14,7 @@ function base64VariantEncode(src: Uint8Array): string {
   for (let i = 0; i < uint8Array.length; i++) {
     binaryString += String.fromCharCode(uint8Array[i])
   }
-  return btoa(binaryString).replaceAll("/", "_")
+  return btoa(binaryString).replaceAll("/", "_").replaceAll("=", "")
 }
 
 function base64VariantDecode(src: string): Uint8Array {