style(TextDivider): update hr elements to include border colors for improved visibility

Author: SutuSebastian

apps/web/components/text-divider.tsx

@@ -3,9 +3,9 @@ import type { PropsWithChildren } from "react";
 export function TextDivider({ children }: PropsWithChildren) {
   return (
     <div className="mt-10 flex items-center gap-6 text-base">
-      <hr className="grow" />
+      <hr className="grow border-gray-200 dark:border-gray-700" />
       <span>{children}</span>
-      <hr className="grow" />
+      <hr className="grow border-gray-200 dark:border-gray-700" />
     </div>
   );
 }