fix: css issues

Author: ginifizz

pwa/app/(common)/components/timeline/CodeBlock.tsx

@@ -22,7 +22,7 @@ export default function CodeBlock({ title, children }: CodeBlockProps) {
   return (
     <div
       ref={animation}
-      className="dark bg-blue-black dark:bg-blue-darkest rounded-2xl p-6 w-full flex flex-col shadow-xl my-4 | sm:my-8 md:absolute md:right-[calc(100%+3rem)] md:w-full md:max-w-lg md:my-0"
+      className="dark text-left bg-blue-black dark:bg-blue-darkest rounded-2xl p-6 w-full flex flex-col shadow-xl my-4 | sm:my-8 md:absolute md:right-[calc(100%+3rem)] md:w-full md:max-w-lg md:my-0"
     >
       <div className="flex flew-row items-center gap-2">
         <div className="rounded-full w-3 h-3 bg-[#ed6a5d]" />

pwa/components/docs/MobileSidebar.tsx

@@ -52,7 +52,7 @@ export default function MobileSideBar({
           />
         </svg>
       </button>
-      <div className="pl-4 flex flex-row gap-1 items-center justify-center leading-none text-sm font-light text-text-secondary">
+      <div className="pl-4 flex flex-row gap-1 items-center justify-center leading-none text-sm font-light text-text-secondary dark:text-white/70">
         {breadCrumbs.map((docLink, index) => (
           <Fragment key={docLink.title}>
             {docLink.link ? (
@@ -67,7 +67,7 @@ export default function MobileSideBar({
               <span
                 className={`${
                   index === breadCrumbs.length - 1 &&
-                  "font-bold text-text-primary text-ellipsis whitespace-nowrap overflow-hidden"
+                  "font-bold text-text-primary text-ellipsis whitespace-nowrap overflow-hidden dark:text-white/50"
                 }`}
               >
                 {docLink.title}