Refactor and update various components and styles

- Added shebang to commit-msg.sh for better script execution.
- Updated Dockerfile to use a specific version of the bun image.
- Improved logging format in SafariWebExtensionHandler.swift for better readability.
- Simplified CSS variable for text color in Style.css.
- Refactored ViewController.swift to enhance readability and maintainability.
- Improved conditional checks in ModalTopBar.jsx and Tooltip.jsx for better clarity.
- Updated SCSS files to use comments consistently and removed redundant lines.
- Enhanced error handling and background loading logic in backgroundLoader.js.
- Refactored useBackgroundEvents.js and useBackgroundLoader.js for better readability.
- Cleaned up quicklinks components and utilities for improved code quality.
- Added empty error.scss file for future styling.
- Updated toast.scss and index.scss with consistent comment styles.
- Improved number formatting logic in formatNumber.js for better clarity.

src/scss/_error.scss

@@ -0,0 +1 @@
+/* This file is intentionally empty and reserved for future error styling */

src/scss/_toast.scss

@@ -1,13 +1,13 @@
 @use 'variables' as *;
 @use 'mixins' as *;
 
-// Toast container
+/* Toast container */
 .Toastify__toast-container {
   width: auto !important;
   padding: 16px !important;
 }
 
-// Main toast styling with glassmorphism effect
+/* Main toast styling with glassmorphism effect */
 .Toastify__toast {
   @include themed() {
     background: t($background) !important;
@@ -37,7 +37,7 @@
   }
 }
 
-// Toast body
+/* Toast body */
 .Toastify__toast-body {
   padding: 0 !important;
   font-size: 15px !important;
@@ -49,7 +49,7 @@
   }
 }
 
-// Close button
+/* Close button */
 .Toastify__close-button {
   @include themed() {
     color: t($color) !important;
@@ -64,7 +64,7 @@
   }
 }
 
-// Progress bar base styling
+/* Progress bar base styling */
 .Toastify__progress-bar {
   height: 4px !important;
   border-radius: 0 0 $borderRadius $borderRadius !important;
@@ -89,7 +89,7 @@
   }
 }
 
-// Toast type variants - all use the base glassmorphism style
+/* Toast type variants - all use the base glassmorphism style */
 .Toastify__toast--default,
 .Toastify__toast--info,
 .Toastify__toast--success,

src/scss/index.scss

@@ -85,7 +85,7 @@ body {
 }
 
 /* fonts (imported from fontsource) */
-// i don't even know what the unicode-range is for, but we're keeping it so that nothing breaks
+/* i don't even know what the unicode-range is for, but we're keeping it so that nothing breaks */
 @font-face {
   font-family: 'Lexend Deca';
   font-style: normal;