Refactor dashboard components for improved layout and user experience

- Updated LearningProgressSection to enhance search results display and removed redundant header.
- Enhanced DashboardLayout with profile menu, fullscreen toggle, and time display.
- Simplified LeaderboardPage layout and removed unnecessary animations.
- Cleaned up LeaguesPage by removing the header section for a more streamlined view.
- Refactored ProfilePage to use consistent icon library and improved layout for user information.

Author: chahatkesh

src/components/features/dashboard/AssignmentManagement.jsx

@@ -147,7 +147,7 @@ const AssignmentManagement = ({ leagueId }) => {
 
   if (loading) {
     return (
-      <div className="bg-white rounded-lg border border-gray-200 shadow-sm p-6 mt-4">
+      <div className="bg-white rounded-lg border border-gray-200 p-6 mt-4">
         <div className="animate-pulse space-y-4">
           <div className="h-6 bg-gray-200 rounded w-1/4"></div>
           <div className="h-4 bg-gray-200 rounded w-3/4"></div>
@@ -159,7 +159,7 @@ const AssignmentManagement = ({ leagueId }) => {
 
   if (error) {
     return (
-      <div className="bg-white rounded-lg border border-gray-200 shadow-sm p-6 mt-4">
+      <div className="bg-white rounded-lg border border-gray-200 p-6 mt-4">
         <div className="text-center py-8">
           <AlertCircle size={48} className="mx-auto text-red-500 mb-4" />
           <h3 className="text-lg font-medium text-gray-900 mb-2">Error Loading Assignment</h3>
@@ -181,7 +181,7 @@ const AssignmentManagement = ({ leagueId }) => {
 
   if (!assignment) {
     return (
-      <div className="bg-white rounded-lg border border-gray-200 shadow-sm p-6 mt-4">
+      <div className="bg-white rounded-lg border border-gray-200 p-6 mt-4">
         <div className="text-center py-8">
           <FileText size={48} className="mx-auto text-gray-300 mb-4" />
           <h3 className="text-lg font-medium text-gray-900 mb-2">Assignment Coming Soon</h3>
@@ -199,7 +199,7 @@ const AssignmentManagement = ({ leagueId }) => {
   return (
     <div className="space-y-4 mt-4">
       {/* Assignment Details */}
-      <div className="bg-gradient-to-r from-[#FFDE59]/20 to-[#FFD700]/20 rounded-lg border border-[#FFDE59]/30 shadow-sm">
+      <div className="bg-gradient-to-r from-[#FFDE59]/20 to-[#FFD700]/20 rounded-lg border border-[#FFDE59]/30">
         <div className="px-6 py-4">
           <div className="flex items-center justify-between mb-3">
             <div className="flex items-center space-x-3">
@@ -302,7 +302,7 @@ const AssignmentManagement = ({ leagueId }) => {
 
       {/* Submission Form */}
       {showSubmissionForm && (
-        <div className="bg-white rounded-lg border border-gray-200 shadow-sm">
+        <div className="bg-white rounded-lg border border-gray-200">
           <div className="px-6 py-4 border-b border-gray-100">
             <h3 className="text-lg font-semibold text-gray-900">
               {latestSubmission ? 'Resubmit Your Assignment' : 'Submit Your Assignment'}

src/components/features/dashboard/LeagueDetailPage.jsx

@@ -181,43 +181,33 @@ const LearningProgressSection = ({ user }) => {
     <div className="min-h-screen bg-gray-50/30">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-6 lg:pt-8 pb-12 lg:pb-16">
 
-        {/* Dashboard Header - Similar to LeaguesPage */}
-        <div className="mb-8 lg:mb-12">
-          <h1 className="text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 mb-3 lg:mb-4 tracking-tight">
-            Learning Dashboard
-          </h1>
-          <p className="text-lg lg:text-xl text-gray-700 max-w-3xl leading-relaxed">
-            Track your progress and continue your learning journey with personalized insights
-          </p>
-          
-          {/* Search Results Indicator - Dashboard Style */}
-          {isSearchActive && (
-            <div className="mt-6 max-w-2xl">
-              <div className="bg-blue-50/80 backdrop-blur-sm border border-blue-200/50 rounded-2xl p-4 sm:p-6">
-                <div className="flex items-center gap-3 text-blue-800">
-                  <div className="w-8 h-8 rounded-xl bg-blue-100 flex items-center justify-center">
-                    <Search className="h-4 w-4 text-blue-600" />
-                  </div>
-                  <div className="flex-1">
-                    <span className="text-sm sm:text-base font-medium">
-                      Search results for "<span className="font-semibold">{searchTerm}</span>"
-                    </span>
-                  </div>
-                  <button
-                    onClick={() => {
-                      window.dispatchEvent(new CustomEvent('dashboardSearch', {
-                        detail: { searchTerm: '', isActive: false }
-                      }));
-                    }}
-                    className="text-blue-600 hover:text-blue-800 text-sm font-medium px-3 py-1.5 rounded-lg hover:bg-blue-50 transition-all duration-200"
-                  >
-                    Clear
-                  </button>
+        {/* Search Results Indicator - Dashboard Style */}
+        {isSearchActive && (
+          <div className="mb-8 lg:mb-12 max-w-2xl">
+            <div className="bg-blue-50/80 backdrop-blur-sm border border-blue-200/50 rounded-2xl p-4 sm:p-6">
+              <div className="flex items-center gap-3 text-blue-800">
+                <div className="w-8 h-8 rounded-xl bg-blue-100 flex items-center justify-center">
+                  <Search className="h-4 w-4 text-blue-600" />
+                </div>
+                <div className="flex-1">
+                  <span className="text-sm sm:text-base font-medium">
+                    Search results for "<span className="font-semibold">{searchTerm}</span>"
+                  </span>
                 </div>
+                <button
+                  onClick={() => {
+                    window.dispatchEvent(new CustomEvent('dashboardSearch', {
+                      detail: { searchTerm: '', isActive: false }
+                    }));
+                  }}
+                  className="text-blue-600 hover:text-blue-800 text-sm font-medium px-3 py-1.5 rounded-lg hover:bg-blue-50 transition-all duration-200"
+                >
+                  Clear
+                </button>
               </div>
             </div>
-          )}
-        </div>
+          </div>
+        )}
 
         <div className="space-y-6 sm:space-y-8 lg:space-y-10">
 
@@ -388,7 +378,7 @@ const LearningProgressSection = ({ user }) => {
                   return (
                     <div 
                       key={enrollment.league.id} 
-                      className="group bg-gradient-to-br from-white to-gray-50/30 rounded-2xl sm:rounded-3xl border border-gray-200/30 hover:border-gray-300/50 transition-all duration-500 hover:-translate-y-2 hover:shadow-xl hover:shadow-gray-200/25 overflow-hidden"
+                      className="group bg-gradient-to-br from-white to-gray-50/30 rounded-2xl sm:rounded-3xl border border-gray-200/30 hover:border-gray-300/50 transition-all duration-500 overflow-hidden"
                     >
                       {/* League Header - Enhanced */}
                       <div className="p-5 sm:p-6 border-b border-gray-100/50">