feat: add reading progress bar

server/src/routes/auth.routes.ts

@@ -14,7 +14,12 @@ const roleSchema = z.preprocess(
 
 const registerSchema = z.object({
   email: z.string().trim().email(),
-  password: z.string().min(6),
+  password: z
+    .string()
+    .min(8, 'Password must be at least 8 characters')
+    .regex(/[A-Z]/, 'Password must contain at least 1 uppercase letter')
+    .regex(/[0-9]/, 'Password must contain at least 1 number')
+    .regex(/[!@#$%^&*]/, 'Password must contain at least 1 special character (!@#$%^&*)'),
   displayName: z.string().trim().min(1).max(100).optional(),
   name: z.string().trim().min(1).max(100).optional(),
   role: roleSchema,

web/src/app/agora/[id]/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-
+import ReadingProgressBar from "@/components/ReadingProgressBar";
 import { useEffect, useState } from "react";
 import Link from "next/link";
 import { useParams } from "next/navigation";
@@ -111,6 +111,8 @@ export default function AgoraDraftDetailPage() {
   }
 
   return (
+    <>
+    <ReadingProgressBar />
     <MainLayout>
       <div className="max-w-4xl mx-auto space-y-6">
         {/* Back link */}
@@ -198,6 +200,7 @@ export default function AgoraDraftDetailPage() {
         )}
       </div>
     </MainLayout>
+     </>
   );
 }
 

web/src/app/agora/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-
+import ReadingProgressBar from "@/components/ReadingProgressBar";
 import { useEffect, useState } from "react";
 import { motion } from "framer-motion";
 import { MainLayout } from "@/components/layout/MainLayout";
@@ -99,6 +99,7 @@ export default function AgoraPage() {
   };
 
   return (
+
     <MainLayout>
       <motion.div variants={container} initial="hidden" animate="show" className="space-y-8">
         {/* Page Header */}
@@ -252,5 +253,6 @@ export default function AgoraPage() {
         </div>
       </motion.div>
     </MainLayout>
+
   );
 }

web/src/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import "./globals.css";
 import { AmbientBackground } from "@/components/layout/AmbientBackground";
 
+
 export const metadata: Metadata = {
   title: "Writers' Pub — A Premium Ecosystem for Creative Minds",
   description: "Connect writers, editors, and publishers in a structured ecosystem for writing, feedback, and publishing.",