Update H1s on my courses and all courses to match profile heading size

Author: Breus

frontend/src/pages/AllCourses.tsx

@@ -16,7 +16,7 @@ function AllCourses() {
 
     return (
         <div className="max-w-5xl mx-auto mt-10 pb-5">
-            <h1 className="text-4xl font-extrabold mb-8 text-gray-800">All Courses</h1>
+            <h1 className="text-3xl font-extrabold mb-8 text-gray-800">All Courses</h1>
             <div className="overflow-x-auto">
                 <table className="table-auto min-w-full bg-white shadow-xl border border-gray-100">
                     <thead>

frontend/src/pages/MyCourses.tsx

@@ -52,15 +52,15 @@ function MyCourses({user}: { user: User | null }) {
     if (courses.length === 0) {
         return (
             <div className="max-w-5xl mx-auto mt-10 pb-5">
-                <h1 className="text-4xl font-extrabold mb-8 text-gray-800">My Courses</h1>
+            <h1 className="text-3xl font-extrabold mb-8 text-gray-800">My Courses</h1>i
                 <div className="text-lg text-gray-600"> You are not enrolled in any courses yet.</div>
             </div>
         );
     }
 
     return (
         <div className="max-w-5xl mx-auto mt-10 pb-5">
-            <h1 className="text-4xl font-extrabold mb-8 text-gray-800">My Courses</h1>
+            <h1 className="text-3xl font-extrabold mb-8 text-gray-800">My Courses</h1>
             <div className="overflow-x-auto">
                 <table className="table-auto min-w-full bg-white shadow-xl border border-gray-100">
                     <thead>