chore(code): remove useless code comments

.eslintrc.json

@@ -3,12 +3,12 @@
     "browser": true,
     "commonjs": true,
     "es2021": true,
-    "node": true // add this line to allow Node.js-specific globals
+    "node": true
   },
   "extends": "eslint:recommended",
   "parserOptions": {
     "ecmaVersion": "latest",
-    "sourceType": "module" // add this line to allow 'import' and 'export' statements
+    "sourceType": "module"
   },
   "rules": {
     // allow importing ts extensions

src/css/injected.scss

@@ -2518,15 +2518,15 @@ li.MessageList__unread___3imtO {
   border-radius: 5px;
   color: var(--text-color);
 }
-/* On mouse-over, add a grey background color */
+
 .upcoming-checkbox-container:hover input ~ .upcoming-checkmark {
   filter: brightness(0.8);
 }
-/* When the checkbox is checked, add a blue background */
+
 .upcoming-checkbox-container input:checked ~ .upcoming-checkmark {
   background: var(--item-colour);
 }
-/* Create the checkmark/indicator (hidden when not checked) */
+
 .upcoming-checkmark:after {
   content: "";
   position: absolute;

src/old-interface/components/Picker.tsx

@@ -41,7 +41,6 @@ function Picker() {
   };
 
   useEffect(() => {
-    // Add event listener for 'message' event
     window.addEventListener("message", handleMessage);
 
     // Cleanup
@@ -51,7 +50,6 @@ function Picker() {
   }, []);
 
   useEffect(() => {
-    // Watch for changes in showPicker and update the presets
     if (!showPicker) {
       // Check if the selected color is already in the presets
       const existingIndex = presets.indexOf(settingsState.customThemeColor);

src/old-interface/components/TabbedContainer.tsx

@@ -19,7 +19,6 @@ const TabbedContainer: React.FC<TabbedContainerProps> = ({ tabs }) => {
   };
   
   useEffect(() => {
-    // Add event listener for 'message' event
     window.addEventListener("message", handleMessage);
   
     // Cleanup