a11y(styles): use empty content for pseudo-elements to prevent screen readers from reading symbols

src/components/Home/ToolFilters/ToolFilters.module.css

@@ -18,7 +18,7 @@
 }
 
 .searchBox::before {
-	content: ">";
+	content: ">" / "";
 	position: absolute;
 	left: 1rem;
 	top: 50%;

src/components/Home/Tools/Tools.module.css

@@ -138,7 +138,7 @@
 }
 
 .loading::after {
-  content: "...";
+  content: "..." / "";
   animation: dots 1.5s infinite;
 }
 
@@ -163,15 +163,15 @@
 
   0%,
   20% {
-    content: ".";
+    content: "." / "";
   }
 
   40% {
-    content: "..";
+    content: ".." / "";
   }
 
   60%,
   100% {
-    content: "...";
+    content: "..." / "";
   }
 }

src/styles/index.css

@@ -270,7 +270,7 @@ body::after {
 
 /* God bless AI for this selector */
 label:has(+ .modal-input[required])::after {
-	content: "*";
+	content: "*" / "";
 	margin-left: 5px;
 	color: var(--accent);
 }