Remove before/after pseudo-element classes from TextRotater

Delete Tailwind pseudo-element classes (before:... and after:...) from TextRotater.jsx that previously added 3px gradient bars at the component's top and bottom. This simplifies the component's className and removes the extra pseudo-element background styling.

Author: Deven14125

src/components/TextRotater/TextRotater.jsx

@@ -40,12 +40,6 @@ export default class TextRotater extends PureComponent {
       <div
         className="
           relative inline-block overflow-hidden align-bottom px-[0.3em]
-          before:content-[''] before:absolute before:left-0 before:w-full before:h-[3px]
-          before:bottom-0 before:z-10
-          before:bg-linear-to-t before:from-[#2b3a42] before:to-transparent
-          after:content-[''] after:absolute after:left-0 after:w-full after:h-[3px]
-          after:top-0
-          after:bg-linear-to-b after:from-[#2b3a42] after:to-transparent
         "
       >
         <div