fix(typed effect): allow fade effect with reduced motion (@d1rshan) (#7849)

### Current Behavior for Reduced Motion

1. keep  - Letters stay (No change)                   
2. hide  - Letters vanish instantly (No change)
3. fade - Letters stay **(Effect is lost)**                   
4. dots -  Letters become dots instantly  (has a Fallback)

### Changes
This PR makes sure that `fade` effect works for reduced motion by adding
it to the global exclude list for reduced motion.

Closes #7847

Author: d1rshan

frontend/src/styles/media-queries.scss

@@ -43,7 +43,12 @@ body {
 
 @media (prefers-reduced-motion) {
   body:not(.ignore-reduced-motion)
-    *:not(.fa-spin, .animate-\[loader\], .preloader) {
+    *:not(
+      .fa-spin,
+      .animate-\[loader\],
+      .preloader,
+      .typed-effect-fade .word.typed
+    ) {
     animation: none !important;
     transition: none !important;