Index: backend/controllers/forumController.js
===================================================================
--- backend/controllers/forumController.js	(revision f54e5efcde4c478a0168c2abe09d11998a91a13e)
+++ backend/controllers/forumController.js	(revision 51add1c0def4e413e64f210d72cedd8ba28b0458)
@@ -209,8 +209,17 @@
     }
     if (search) {
+      const challengeSearchTerm = search.toLowerCase().replace(/\s+/g, '-');
       filters.push({
         OR: [
           { title: { contains: search, mode: 'insensitive' } },
           { content: { contains: search, mode: 'insensitive' } },
+          {
+            challenges: {
+              title: {
+                contains: challengeSearchTerm,
+                mode: 'insensitive',
+              },
+            },
+          },
         ],
       });
Index: backend/controllers/reviewController.js
===================================================================
--- backend/controllers/reviewController.js	(revision f54e5efcde4c478a0168c2abe09d11998a91a13e)
+++ backend/controllers/reviewController.js	(revision 51add1c0def4e413e64f210d72cedd8ba28b0458)
@@ -229,5 +229,5 @@
     });
 
-    if (author?.email) {
+    if (author?.email && isModerator) {
       sendDeletionEmail(author.email, post.title);
     }
Index: client/src/Dashboard/components/CalendarPopover.jsx
===================================================================
--- client/src/Dashboard/components/CalendarPopover.jsx	(revision f54e5efcde4c478a0168c2abe09d11998a91a13e)
+++ client/src/Dashboard/components/CalendarPopover.jsx	(revision 51add1c0def4e413e64f210d72cedd8ba28b0458)
@@ -21,5 +21,5 @@
       document.addEventListener('mousedown', handleClickOutside);
     }
-    // Cleanup the event listener
+
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
@@ -62,6 +62,6 @@
 
   const today = new Date();
-  const timezoneOffset = today.getTimezoneOffset() * 60000; // Get timezone offset in milliseconds
-  const adjustedDate = new Date(today.getTime() - timezoneOffset); // Adjust to UTC
+  const timezoneOffset = today.getTimezoneOffset() * 60000;
+  const adjustedDate = new Date(today.getTime() - timezoneOffset);
   const maxDate = adjustedDate.toISOString().split('T')[0];
 
Index: client/src/Dashboard/components/CreateNewChallenge.jsx
===================================================================
--- client/src/Dashboard/components/CreateNewChallenge.jsx	(revision f54e5efcde4c478a0168c2abe09d11998a91a13e)
+++ client/src/Dashboard/components/CreateNewChallenge.jsx	(revision 51add1c0def4e413e64f210d72cedd8ba28b0458)
@@ -1,8 +1,8 @@
-import React, { useState } from "react";
-import { useNavigate } from "react-router-dom";
-import { createNewTask } from "@/services/taskService";
-import { DatePicker } from "react-daisyui-timetools";
-import "react-datepicker/dist/react-datepicker.css";
-import "cally";
+import React, { useState } from 'react';
+import { useNavigate, useLocation, useLoaderData } from 'react-router-dom';
+import { createNewTask } from '@/services/taskService';
+import { DatePicker } from 'react-daisyui-timetools';
+import 'react-datepicker/dist/react-datepicker.css';
+import 'cally';
 const CreateNewChallenge = () => {
   const navigate = useNavigate();
@@ -10,13 +10,16 @@
   const [modal, setModal] = useState({
     isOpen: false,
-    message: "",
-    type: "",
+    message: '',
+    type: '',
     errors: [],
   });
+  const location = useLocation();
+  const manageChallengesSearchParams =
+    location.state?.manageChallengesSearchParams;
   const [formData, setFormData] = useState({
-    title: "",
-    description: "",
-    difficulty: "Easy",
-    output_type: "string",
+    title: '',
+    description: '',
+    difficulty: 'Easy',
+    output_type: 'string',
     solving_date: (() => {
       const tomorrow = new Date();
@@ -27,8 +30,8 @@
 
   const [examples, setExamples] = useState([
-    { input: "", output: "" },
-    { input: "", output: "" },
+    { input: '', output: '' },
+    { input: '', output: '' },
   ]);
-  const [testCases, setTestCases] = useState([{ input: "", output: "" }]);
+  const [testCases, setTestCases] = useState([{ input: '', output: '' }]);
   const [currentTestCaseIndex, setCurrentTestCaseIndex] = useState(0);
 
@@ -52,9 +55,9 @@
   };
   const addExample = () => {
-    setExamples([...examples, { input: "", output: "" }]);
+    setExamples([...examples, { input: '', output: '' }]);
   };
 
   const addTestCase = () => {
-    setTestCases([...testCases, { input: "", output: "" }]);
+    setTestCases([...testCases, { input: '', output: '' }]);
 
     setCurrentTestCaseIndex(testCases.length - 1);
@@ -88,6 +91,6 @@
       if (hasEmptyTestCase) {
         showModal(
-          "All test cases must have both input and output values.",
-          "error"
+          'All test cases must have both input and output values.',
+          'error'
         );
         setLoading(false);
@@ -100,6 +103,6 @@
       if (hasEmptyExample) {
         showModal(
-          "All examples must have both input and output values.",
-          "error"
+          'All examples must have both input and output values.',
+          'error'
         );
         setLoading(false);
@@ -114,9 +117,9 @@
 
       await createNewTask(challengeData);
-      showModal("Challenge created successfully!", "success");
+      showModal('Challenge created successfully!', 'success');
     } catch (error) {
-      console.error("Failed to create challenge:", error);
-
-      let errorMessage = "Failed to create challenge. Please try again.";
+      console.error('Failed to create challenge:', error);
+
+      let errorMessage = 'Failed to create challenge. Please try again.';
       let errorDetails = [];
 
@@ -133,5 +136,5 @@
       }
 
-      showModal(errorMessage, "error", errorDetails);
+      showModal(errorMessage, 'error', errorDetails);
     } finally {
       setLoading(false);
@@ -151,6 +154,6 @@
     setModal({
       isOpen: false,
-      message: "",
-      type: "",
+      message: '',
+      type: '',
       errors: [],
     });
@@ -163,7 +166,25 @@
         <button
           className="btn btn-outline"
-          onClick={() => navigate("/dashboard/manage-challenges")}
+          onClick={() => {
+            const targetUrl =
+              '/dashboard/manage-challenges' +
+              (manageChallengesSearchParams
+                ? `?${manageChallengesSearchParams}`
+                : '');
+            navigate(targetUrl);
+          }}
         >
-          Back to Challenges
+          {' '}
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            className="w-4 h-4 sm:w-5 sm:h-5"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2"
+          >
+            <path d="M19 12H5M12 19l-7-7 7-7" />
+          </svg>
+          Back to Manage Challenges
         </button>
       </div>
@@ -279,5 +300,5 @@
                   value={example.input}
                   onChange={(e) =>
-                    handleExampleChange(index, "input", e.target.value)
+                    handleExampleChange(index, 'input', e.target.value)
                   }
                 ></textarea>
@@ -291,5 +312,5 @@
                   value={example.output}
                   onChange={(e) =>
-                    handleExampleChange(index, "output", e.target.value)
+                    handleExampleChange(index, 'output', e.target.value)
                   }
                 ></textarea>
@@ -339,5 +360,5 @@
                       handleTestCaseChange(
                         currentTestCaseIndex,
-                        "input",
+                        'input',
                         e.target.value
                       )
@@ -355,5 +376,5 @@
                       handleTestCaseChange(
                         currentTestCaseIndex,
-                        "output",
+                        'output',
                         e.target.value
                       )
@@ -396,6 +417,6 @@
                   className={`w-2 h-2 rounded-full ${
                     currentTestCaseIndex === index
-                      ? "bg-amber-400"
-                      : "bg-base-300"
+                      ? 'bg-amber-400'
+                      : 'bg-base-300'
                   }`}
                   onClick={() => setCurrentTestCaseIndex(index)}
@@ -426,5 +447,5 @@
               <span className="loading loading-spinner loading-sm"></span>
             ) : (
-              "Create Challenge"
+              'Create Challenge'
             )}
           </button>
@@ -440,5 +461,5 @@
           <div className="bg-base-200 rounded-lg shadow-xl p-6 w-full max-w-md mx-4">
             <div className="flex items-center gap-3 mb-4">
-              {modal.type === "success" && (
+              {modal.type === 'success' && (
                 <div className="w-8 h-8 rounded-full bg-success flex items-center justify-center shrink-0">
                   <svg
@@ -457,5 +478,5 @@
                 </div>
               )}
-              {modal.type === "error" && (
+              {modal.type === 'error' && (
                 <div className="w-8 h-8 rounded-full bg-error flex items-center justify-center shrink-0">
                   <svg
@@ -475,5 +496,5 @@
               )}
               <h3 className="font-bold text-lg" id="modal-title">
-                {modal.type === "success" ? "Success!" : "Error"}
+                {modal.type === 'success' ? 'Success!' : 'Error'}
               </h3>
             </div>
Index: client/src/Dashboard/components/Forum.jsx
===================================================================
--- client/src/Dashboard/components/Forum.jsx	(revision f54e5efcde4c478a0168c2abe09d11998a91a13e)
+++ client/src/Dashboard/components/Forum.jsx	(revision 51add1c0def4e413e64f210d72cedd8ba28b0458)
@@ -414,6 +414,6 @@
                           <input
                             type="text"
-                            readOnly // Makes the input non-editable by typing
-                            onClick={() => setIsCalendarOpen(!isCalendarOpen)} // Opens popover on click
+                            readOnly
+                            onClick={() => setIsCalendarOpen(!isCalendarOpen)}
                             value={
                               filters.selectedDate
@@ -425,8 +425,7 @@
                                     day: 'numeric',
                                   })
-                                : '' // Use empty string so placeholder is visible
+                                : ''
                             }
                             placeholder="Select date"
-                            // Style to match other inputs and add cursor-pointer
                             className="input input-sm input-bordered w-full text-xs pl-8 pr-2 cursor-pointer h-8"
                           />
@@ -644,5 +643,5 @@
 
                           <h1
-                            className="text-base sm:text-lg md:text-base lg:text-xl font-bold mb-2 pr-8 sm:pr-12 cursor-pointer line-clamp-2"
+                            className="text-base sm:text-lg md:text-base lg:text-xl font-bold mb-2 pr-8 sm:pr-12 cursor-pointer break-words"
                             onClick={() => {
                               navigate(`/dashboard/forum-detail/${post.id}`, {
Index: client/src/Dashboard/components/ForumPostDetail.jsx
===================================================================
--- client/src/Dashboard/components/ForumPostDetail.jsx	(revision f54e5efcde4c478a0168c2abe09d11998a91a13e)
+++ client/src/Dashboard/components/ForumPostDetail.jsx	(revision 51add1c0def4e413e64f210d72cedd8ba28b0458)
@@ -1,13 +1,13 @@
-import React, { use, useEffect, useState } from "react";
-import trashIcon from "../../assets/images/delete.svg";
-import Navbar from "./Navbar";
-import { useParams, useNavigate, useLocation } from "react-router-dom";
-import { useAuth } from "@/contexts/AuthContext";
+import React, { use, useEffect, useState } from 'react';
+import trashIcon from '../../assets/images/delete.svg';
+import Navbar from './Navbar';
+import { useParams, useNavigate, useLocation } from 'react-router-dom';
+import { useAuth } from '@/contexts/AuthContext';
 import {
   getCommentsForPost,
   createComment,
   deleteComment,
-} from "@/services/forumService";
-import { useCallback } from "react";
+} from '@/services/forumService';
+import { useCallback } from 'react';
 
 const ForumPostDetail = () => {
@@ -15,9 +15,9 @@
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
-  const [commentText, setCommentText] = useState("");
+  const [commentText, setCommentText] = useState('');
   const [modal, setModal] = useState({
     isOpen: false,
-    message: "",
-    type: "",
+    message: '',
+    type: '',
     commentId: null,
   });
@@ -25,5 +25,5 @@
   const location = useLocation();
   const statePost = useState(location.state?.post || {});
-  const fromPath = location.state?.from || "/dashboard/forum";
+  const fromPath = location.state?.from || '/dashboard/forum';
   const fromForumSearchPrams = location.state?.fromForumSearch;
   const post = statePost[0];
@@ -33,10 +33,10 @@
   const { postId } = useParams();
 
-  const showModal = (message, type = "info", commentId = null) => {
+  const showModal = (message, type = 'info', commentId = null) => {
     setModal({ isOpen: true, message, type, commentId });
   };
 
   const closeModal = () => {
-    setModal({ isOpen: false, message: "", type: "", commentId: null });
+    setModal({ isOpen: false, message: '', type: '', commentId: null });
   };
 
@@ -57,6 +57,6 @@
       setComments(data);
     } catch (err) {
-      setError(err.message || "Failed to fetch comments");
-      console.error("Error fetching comments:", err);
+      setError(err.message || 'Failed to fetch comments');
+      console.error('Error fetching comments:', err);
     } finally {
       setLoading(false);
@@ -67,5 +67,5 @@
     if (!post && postId) {
       console.warn(
-        "Post details not available from location state. Consider fetching post by ID."
+        'Post details not available from location state. Consider fetching post by ID.'
       );
     }
@@ -82,8 +82,8 @@
         prevComments.filter((comment) => comment.id !== commentId)
       );
-      showModal("Comment deleted successfully.", "success");
+      showModal('Comment deleted successfully.', 'success');
     } catch (error) {
-      console.error("Error deleting comment:", error);
-      setError(error.message || "Failed to delete comment");
+      console.error('Error deleting comment:', error);
+      setError(error.message || 'Failed to delete comment');
     }
   };
@@ -103,23 +103,23 @@
       };
       await createComment(commentData);
-      setCommentText("");
+      setCommentText('');
       fetchComments();
     } catch (err) {
       // Check for inappropriate language error from backend
       const message =
-        err?.response?.data?.error || err?.message || "Failed to post comment";
+        err?.response?.data?.error || err?.message || 'Failed to post comment';
       if (
-        message.toLowerCase().includes("inappropriate language") ||
-        message.toLowerCase().includes("not on topic") ||
-        message.toLowerCase().includes("profanity")
+        message.toLowerCase().includes('inappropriate language') ||
+        message.toLowerCase().includes('not on topic') ||
+        message.toLowerCase().includes('profanity')
       ) {
         showModal(
-          "Your comment was not posted because it contains inappropriate language or is not on topic.",
-          "error"
+          'Your comment was not posted because it contains inappropriate language or is not on topic.',
+          'error'
         );
       } else {
         setError(message);
       }
-      console.error("Error posting comment:", err);
+      console.error('Error posting comment:', err);
     } finally {
       setPosting(false);
@@ -134,8 +134,8 @@
       className="dashboard h-screen flex bg-base-100 overflow-hidden"
     >
-      <div className="flex flex-col w-full items-center h-full overflow-y-auto bg-base-200 px-2 py-8">
-        <div className="w-full  max-w-2xl">
+      <div className="flex flex-col w-full items-center h-full overflow-y-auto bg-base-200 px-2 sm:px-4 lg:px-8 py-4 sm:py-8">
+        <div className="w-full max-w-2xl">
           <button
-            className="btn btn-ghost mb-4"
+            className="btn btn-ghost mb-4 text-sm sm:text-base"
             onClick={() => {
               const targetUrl = fromForumSearchPrams
@@ -145,28 +145,33 @@
             }}
           >
-            ← Back to {fromPath.includes("user-posts") ? "Your Posts" : "Forum"}
+            ← Back to {fromPath.includes('user-posts') ? 'Your Posts' : 'Forum'}
           </button>
-          <div className="card bg-base-100 shadow-xl  p-6 mb-8">
-            <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4 mb-2">
-              <h2 className="card-title text-3xl break-words">{post.title}</h2>
-
-              <div className="flex items-center gap-2 mt-2 md:mt-0">
-                <span className="badge badge-tertiary text-xs p-4 ">
+
+          <div className="card bg-base-100 shadow-xl p-3 sm:p-6 mb-6 sm:mb-8">
+            <div className="flex flex-row gap-3 sm:gap-4 mb-2 overflow-hidden">
+              <div className="flex-1 min-w-0">
+                <h2 className="text-xl sm:text-2xl 2xl:text-3xl break-words leading-tight">
+                  {post.title}
+                </h2>
+              </div>
+
+              <div className="flex items-center gap-2 flex-shrink-0">
+                <span className="badge badge-tertiary text-xs p-2 sm:p-4">
                   By {post.author_name}
                 </span>
               </div>
             </div>
-            <div className="text-base-content/80 text-lg mb-4 whitespace-pre-line break-words">
+            <div className="text-base-content/80 text-sm sm:text-base 2xl:text-lg mb-4 whitespace-pre-line break-words leading-relaxed">
               {post.content}
             </div>
           </div>
 
-          <div className="card bg-base-100 shadow-lg p-6 mb-8">
-            <form className="mt-6" onSubmit={handleSubmitComment}>
-              <h3 className="text-2xl font-semibold mb-4">
+          <div className="card bg-base-100 shadow-lg p-3 sm:p-6 mb-6 sm:mb-8">
+            <form className="mt-4 sm:mt-6" onSubmit={handleSubmitComment}>
+              <h3 className="text-lg sm:text-xl 2xl:text-2xl font-semibold mb-3 sm:mb-4">
                 Comments ({comments.length})
               </h3>
               <textarea
-                className="textarea textarea-bordered w-full min-h-[80px]"
+                className="textarea textarea-bordered w-full min-h-[80px] text-sm sm:text-base"
                 placeholder="Write a comment..."
                 value={commentText}
@@ -178,34 +183,38 @@
                 <button
                   type="submit"
-                  className="btn btn-tertiary"
+                  className="btn btn-tertiary btn-sm sm:btn-md"
                   disabled={posting || !commentText.trim()}
                 >
-                  {posting ? "Posting..." : "Post Comment"}
+                  {posting ? 'Posting...' : 'Post Comment'}
                 </button>
               </div>
             </form>
 
-            <div className="mt-8">
-              <div className="h-64 overflow-y-auto pr-2 space-y-4 rounded-md">
+            <div className="mt-6 sm:mt-8">
+              <div className="h-48 sm:h-64 overflow-y-auto pr-1 sm:pr-2 space-y-3 sm:space-y-4 rounded-md">
                 {loading ? (
-                  <div className="text-gray-400 p-3">Loading comments...</div>
+                  <div className="text-gray-400 p-3 text-sm sm:text-base">
+                    Loading comments...
+                  </div>
                 ) : error ? (
-                  <div className="text-red-500 p-3">{error}</div>
+                  <div className="text-red-500 p-3 text-sm sm:text-base">
+                    {error}
+                  </div>
                 ) : comments.length > 0 ? (
                   comments.map((comment, idx) => (
                     <div
                       key={comment.id || idx}
-                      className="p-4 rounded-lg bg-base-200 border border-base-300"
+                      className="p-3 sm:p-4 rounded-lg bg-base-200 border border-base-300"
                     >
-                      <div className="flex relative items-center gap-2 mb-1">
+                      <div className="flex relative items-start gap-2 mb-1">
                         {(comment.author_id === user.id ||
                           user.isModerator) && (
                           <button
-                            className=" absolute top-2 right-2 p-1.5 cursor-pointer rounded-full hover:bg-gray-600 transition-colors"
+                            className="absolute top-1 sm:top-2 right-1 sm:right-2 p-1 sm:p-1.5 cursor-pointer rounded-full hover:bg-gray-600 transition-colors"
                             onClick={(e) => {
                               e.stopPropagation();
                               showModal(
-                                "Are you sure you want to delete this comment? This action cannot be undone.",
-                                "confirm",
+                                'Are you sure you want to delete this comment? This action cannot be undone.',
+                                'confirm',
                                 comment.id
                               );
@@ -215,18 +224,20 @@
                               src={trashIcon}
                               alt="Delete"
-                              className="w-6 h-6"
+                              className="w-4 h-4 sm:w-6 sm:h-6"
                             />
                           </button>
                         )}
-                        <span className="font-semibold text-base-content">
-                          {comment.author_name}
-                        </span>
-                        <span className="text-xs text-base-content/60">
-                          {comment.dateCreated
-                            ? new Date(comment.dateCreated).toLocaleString()
-                            : ""}
-                        </span>
+                        <div className="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-2 pr-8 sm:pr-10">
+                          <span className="font-semibold text-base-content text-sm sm:text-base">
+                            {comment.author_name}
+                          </span>
+                          <span className="text-xs text-base-content/60">
+                            {comment.dateCreated
+                              ? new Date(comment.dateCreated).toLocaleString()
+                              : ''}
+                          </span>
+                        </div>
                       </div>
-                      <div className="text-base-content/80 text-base break-words">
+                      <div className="text-base-content/80 text-sm sm:text-base break-words leading-relaxed pr-6 sm:pr-0">
                         {comment.content}
                       </div>
@@ -234,5 +245,7 @@
                   ))
                 ) : (
-                  <div className="text-gray-400 p-3">No comments yet.</div>
+                  <div className="text-gray-400 p-3 text-sm sm:text-base">
+                    No comments yet.
+                  </div>
                 )}
               </div>
@@ -252,5 +265,5 @@
           <div className="bg-base-200 rounded-lg shadow-xl p-6 w-full max-w-md mx-4">
             <div className="flex items-center gap-3 mb-4">
-              {modal.type === "confirm" && (
+              {modal.type === 'confirm' && (
                 <div className="w-8 h-8 rounded-full bg-error flex items-center justify-center shrink-0">
                   <svg
@@ -269,5 +282,5 @@
                 </div>
               )}
-              {modal.type === "error" && (
+              {modal.type === 'error' && (
                 <div className="w-6 h-6 sm:w-8 sm:h-8 rounded-full bg-error flex items-center justify-center shrink-0">
                   <svg
@@ -286,5 +299,5 @@
                 </div>
               )}
-              {modal.type === "success" && (
+              {modal.type === 'success' && (
                 <div className="w-8 h-8 rounded-full bg-success flex items-center justify-center shrink-0">
                   <svg
@@ -303,5 +316,5 @@
                 </div>
               )}
-              {modal.type === "confirm" || modal.type == "success" ? (
+              {modal.type === 'confirm' || modal.type == 'success' ? (
                 <h3 className="font-bold text-lg" id="modal-title">
                   Delete Comment
@@ -315,5 +328,5 @@
             <p className="py-4">{modal.message}</p>
             <div className="flex justify-end gap-3 mt-4">
-              {modal.type === "confirm" ? (
+              {modal.type === 'confirm' ? (
                 <>
                   <button
@@ -335,5 +348,5 @@
                       </>
                     ) : (
-                      "Delete"
+                      'Delete'
                     )}
                   </button>
Index: client/src/Dashboard/components/ManageChallenges.jsx
===================================================================
--- client/src/Dashboard/components/ManageChallenges.jsx	(revision f54e5efcde4c478a0168c2abe09d11998a91a13e)
+++ client/src/Dashboard/components/ManageChallenges.jsx	(revision 51add1c0def4e413e64f210d72cedd8ba28b0458)
@@ -150,5 +150,11 @@
             <button
               className="btn btn-outline btn-sm border-amber-400 gap-2"
-              onClick={() => navigate('/dashboard/create-new-challenge')}
+              onClick={() => {
+                navigate('/dashboard/create-new-challenge', {
+                  state: {
+                    manageChallengesSearchParams: searchParams.toString(),
+                  },
+                });
+              }}
             >
               <svg
Index: client/src/Dashboard/components/ManagePosts.jsx
===================================================================
--- client/src/Dashboard/components/ManagePosts.jsx	(revision f54e5efcde4c478a0168c2abe09d11998a91a13e)
+++ client/src/Dashboard/components/ManagePosts.jsx	(revision 51add1c0def4e413e64f210d72cedd8ba28b0458)
@@ -602,5 +602,5 @@
               >
                 <h1
-                  className="text-lg text-sm sm:text-xl lg:text-2xl font-bold mb-4 pr-16 sm:pr-20 cursor-pointer"
+                  className="text-lg text-sm sm:text-xl lg:text-2xl font-bold mb-4 pr-16 sm:pr-20 cursor-pointer break-words"
                   onClick={() => openViewPostModal(post)}
                 >
@@ -620,5 +620,5 @@
                   </button>
                   <button
-                    title="Delete Post"
+                    title="Discard Post"
                     className="btn btn-xs sm:btn-sm btn-error btn-circle"
                     onClick={() => openConfirmationModal('delete', post)}
@@ -761,5 +761,5 @@
             <div className="flex items-center gap-3 mb-4">
               {(modal.type === 'approve' || modal.type === 'success') && (
-                <div className="w-6 h-6 sm:w-8 sm:h-8 rounded-full bg-success flex items-center justify-center shrink-0">
+                <div className="w-6 h-6 sm:w-8 sm:h-8 rounded-full bg-success flex items-center justify-center shrink-0 break-words">
                   <svg
                     className="w-3 h-3 sm:w-5 sm:h-5 text-success-content"
@@ -799,5 +799,5 @@
                 {modal.type === 'approve' && 'Approve Post'}
                 {(modal.type === 'deleted' || modal.type === 'delete') &&
-                  'Delete Post'}
+                  'Discard Post'}
                 {(modal.type === 'success' || modal.type === 'error') &&
                   'Approve Post'}
@@ -807,10 +807,10 @@
               <div className="space-y-4 max-h-[70vh] overflow-y-auto pr-2">
                 <h3
-                  className="font-bold text-xl sm:text-2xl text-base-content"
+                  className="font-bold text-xl sm:text-2xl text-base-content break-words"
                   id="modal-title"
                 >
                   {modal.post.title}
                 </h3>
-                <p className="text-sm text-base-content/70">
+                <p className="text-sm text-base-content/70 ">
                   By {modal.post.author_name}
                   <span className="mx-1.5">·</span>
@@ -831,6 +831,6 @@
               </div>
             ) : (
-              <div className="flex py-3 sm:py-4 items-center gap-3">
-                <p>{modal.message}</p>
+              <div className="flex py-3 sm:py-4 items-center gap-3 break-words">
+                <p className="break-words min-w-0">{modal.message}</p>
               </div>
             )}
@@ -857,10 +857,10 @@
                         {modal.type === 'approve'
                           ? 'Approving...'
-                          : 'Deleting...'}
+                          : 'Discarding...'}
                       </>
                     ) : modal.type === 'approve' ? (
                       'Approve'
                     ) : (
-                      'Delete'
+                      'Discard'
                     )}
                   </button>
Index: client/src/Dashboard/components/UserPosts.jsx
===================================================================
--- client/src/Dashboard/components/UserPosts.jsx	(revision f54e5efcde4c478a0168c2abe09d11998a91a13e)
+++ client/src/Dashboard/components/UserPosts.jsx	(revision 51add1c0def4e413e64f210d72cedd8ba28b0458)
@@ -750,5 +750,5 @@
                                   <div className="flex">
                                     <h3
-                                      className="card-title text-sm sm:text-base lg:text-lg mb-2 sm:mb-3 text-base-content line-clamp-2 hover:underline cursor-pointer flex-grow"
+                                      className="text-sm sm:text-base lg:text-lg mb-2 sm:mb-3 text-base-content break-words hover:underline cursor-pointer min-w-0"
                                       onClick={() => {
                                         navigate(
@@ -1013,5 +1013,5 @@
 
                                   <div className="card-body p-3 sm:p-4 lg:p-6 flex flex-col h-full">
-                                    <h3 className="card-title text-sm sm:text-base lg:text-lg mb-2 sm:mb-3 text-base-content line-clamp-2">
+                                    <h3 className=" text-sm sm:text-base lg:text-lg mb-2 sm:mb-3 text-base-content break-words min-w-0">
                                       {post.title}
                                     </h3>
@@ -1245,5 +1245,7 @@
               </h3>
             </div>
-            <p className="py-3 sm:py-4 text-sm sm:text-base">{modal.message}</p>
+            <p className="py-3 sm:py-4 text-sm sm:text-base break-words">
+              {modal.message}
+            </p>
             <div className="flex justify-end gap-2 sm:gap-3 mt-3 sm:mt-4">
               {modal.type === 'confirm' ? (
Index: client/src/LogIn/LogIn.jsx
===================================================================
--- client/src/LogIn/LogIn.jsx	(revision f54e5efcde4c478a0168c2abe09d11998a91a13e)
+++ client/src/LogIn/LogIn.jsx	(revision 51add1c0def4e413e64f210d72cedd8ba28b0458)
@@ -1,12 +1,12 @@
-import React, { useState } from "react";
-import { Link, useNavigate } from "react-router-dom";
-import { supabase } from "../contexts/AuthContext";
-import { useAuth } from "../contexts/AuthContext";
-import { signInWithGoogle } from "@/services/registerLoginService";
+import React, { useState } from 'react';
+import { Link, useNavigate } from 'react-router-dom';
+import { supabase } from '../contexts/AuthContext';
+import { useAuth } from '../contexts/AuthContext';
+import { signInWithGoogle } from '@/services/registerLoginService';
 const Login = () => {
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
   const [showPassword, setShowPassword] = useState(false);
-  const [error, setError] = useState("");
+  const [error, setError] = useState('');
   const [loading, setLoading] = useState(false);
   const [googleLoading, setGoogleLoading] = useState(false);
@@ -24,5 +24,5 @@
   const handleSubmit = async (e) => {
     e.preventDefault();
-    setError("");
+    setError('');
     setLoading(true);
 
@@ -30,5 +30,5 @@
 
     if (result.success) {
-      navigate("/dashboard");
+      navigate('/dashboard');
     } else {
       setError(result.error);
@@ -54,5 +54,5 @@
             id="email"
             type="email"
-            className="input input-md sm:input-lg w-full"
+            className="input input-md 2xl:input-lg w-full"
             placeholder="user123@students.finki.ukim.mk"
             value={email}
@@ -70,6 +70,6 @@
             <input
               id="password"
-              type={showPassword ? "text" : "password"}
-              className="input input-md sm:input-lg w-full"
+              type={showPassword ? 'text' : 'password'}
+              className="input input-md 2xl:input-lg w-full"
               placeholder="Password"
               value={password}
@@ -129,5 +129,5 @@
             type="button"
             onClick={handleGoogleSignIn}
-            className="btn btn-outline btn-md sm:btn-sm md:btn-md lg:btn-lg xl:btn-x w-full flex items-center justify-center"
+            className="btn btn-outline btn-md sm:btn-sm md:btn-md 2xl:btn-lg xl:btn-x w-full flex items-center justify-center"
             disabled={loading || googleLoading}
           >
@@ -165,9 +165,9 @@
             )}
           </button>
-        </div>{" "}
+        </div>{' '}
         {error && <p className="text-red-500 text-sm mt-1">{error}</p>}
         <button
           type="submit"
-          className="btn bg-black btn-md sm:btn-sm md:btn-md lg:btn-lg xl:btn-xl"
+          className="btn bg-black btn-md w-full flex 2xl:btn-xl items-center justify-center"
           disabled={loading || googleLoading}
         >
@@ -178,5 +178,5 @@
             </span>
           ) : (
-            "Log in"
+            'Log in'
           )}
         </button>
Index: client/src/Register/Register.jsx
===================================================================
--- client/src/Register/Register.jsx	(revision f54e5efcde4c478a0168c2abe09d11998a91a13e)
+++ client/src/Register/Register.jsx	(revision 51add1c0def4e413e64f210d72cedd8ba28b0458)
@@ -1,13 +1,13 @@
-import React from "react";
-import { Link, useNavigate } from "react-router-dom";
-import { useState } from "react";
-import { supabase } from "../contexts/AuthContext";
-import { signInWithGoogle } from "@/services/registerLoginService";
-import { useAuth } from "../contexts/AuthContext";
+import React from 'react';
+import { Link, useNavigate } from 'react-router-dom';
+import { useState } from 'react';
+import { supabase } from '../contexts/AuthContext';
+import { signInWithGoogle } from '@/services/registerLoginService';
+import { useAuth } from '../contexts/AuthContext';
 
 const Register = () => {
   const { register } = useAuth();
   const [formErrors, setFormErrors] = useState({});
-  const [generalError, setGeneralError] = useState("");
+  const [generalError, setGeneralError] = useState('');
   const [googleLoading, setGoogleLoading] = useState(false);
   const nav = useNavigate();
@@ -26,12 +26,12 @@
 
   const [formData, setFormData] = useState({
-    username: "",
-    email: "",
-    password: "",
-    confirmPassword: "",
-    name: "",
+    username: '',
+    email: '',
+    password: '',
+    confirmPassword: '',
+    name: '',
   });
   function validateLocalEmailFormat(email) {
-    return email.includes("@") && email.includes(".");
+    return email.includes('@') && email.includes('.');
   }
   const handleInputChange = (e) => {
@@ -44,10 +44,10 @@
       setFormErrors((prev) => ({ ...prev, [name]: undefined }));
     }
-    setGeneralError("");
+    setGeneralError('');
   };
   const handleSubmit = async (e) => {
     e.preventDefault();
     setLoading(true);
-    setGeneralError("");
+    setGeneralError('');
     setFormErrors({});
 
@@ -55,5 +55,5 @@
       setFormErrors((prev) => ({
         ...prev,
-        email: "Please enter a valid email format.",
+        email: 'Please enter a valid email format.',
       }));
       setLoading(false);
@@ -63,5 +63,5 @@
       setFormErrors((prev) => ({
         ...prev,
-        passwordMatch: "Passwords do not match",
+        passwordMatch: 'Passwords do not match',
       }));
       setLoading(false);
@@ -75,5 +75,5 @@
       !formData.confirmPassword
     ) {
-      setGeneralError("Please fill in all required fields.");
+      setGeneralError('Please fill in all required fields.');
       setLoading(false);
       return;
@@ -92,5 +92,5 @@
 
       if (result.success) {
-        nav("/dashboard");
+        nav('/dashboard');
       } else {
         if (result.errors) {
@@ -98,10 +98,10 @@
         }
         setGeneralError(
-          result.error || "Registration failed. Please try again."
+          result.error || 'Registration failed. Please try again.'
         );
       }
     } catch (error) {
-      console.error("Unexpected error in Register handleSubmit:", error);
-      setGeneralError("A client-side error occurred. Please try again.");
+      console.error('Unexpected error in Register handleSubmit:', error);
+      setGeneralError('A client-side error occurred. Please try again.');
     } finally {
       setLoading(false);
@@ -118,15 +118,15 @@
       <div
         data-theme="luxury"
-        className="flex flex-col items-center justify-center h-screen overflow-y-auto p-4"
+        className="flex flex-col items-center justify-center h-screen overflow-y-hidden p-2 md:p-4"
       >
-        <h1 className="text-3xl sm:text-4xl font-bold mb-6 text-center">
+        <h1 className="text-xl xl:text-2xl font-bold mb-3 md:mb-4 text-center">
           Create an account
         </h1>
         <form
           onSubmit={handleSubmit}
-          className="fieldset bg-base-200 border-base-300 rounded-box w-full max-w-sm border p-6 sm:p-8 space-y-4 sm:space-y-6"
+          className="fieldset bg-base-200 border-base-300 rounded-box w-full max-w-xs md:max-w-sm border p-3 md:p-4 space-y-2 md:space-y-3"
         >
           <div>
-            <label className="label text-lg" htmlFor="name">
+            <label className="label text-sm py-1" htmlFor="name">
               Name
             </label>
@@ -137,5 +137,5 @@
               value={formData.name}
               onChange={handleInputChange}
-              className="input input-md sm:input-lg w-full"
+              className="input input-sm w-full 2xl:input-lg"
               placeholder="John Doe"
               disabled={loading || googleLoading}
@@ -147,5 +147,5 @@
 
           <div>
-            <label className="label text-lg" htmlFor="username">
+            <label className="label text-sm py-1" htmlFor="username">
               Username
             </label>
@@ -156,5 +156,5 @@
               value={formData.username}
               onChange={handleInputChange}
-              className="input input-md sm:input-lg w-full"
+              className="input input-sm w-full 2xl:input-lg "
               placeholder="User123"
               disabled={loading || googleLoading}
@@ -166,5 +166,5 @@
 
           <div>
-            <label className="label text-lg" htmlFor="email">
+            <label className="label text-sm py-1" htmlFor="email">
               Email
             </label>
@@ -175,5 +175,5 @@
               value={formData.email}
               onChange={handleInputChange}
-              className="input input-md sm:input-lg w-full"
+              className="input input-sm w-full 2xl:input-lg "
               placeholder="user123@students.finki.ukim.mk"
               disabled={loading || googleLoading}
@@ -185,5 +185,5 @@
 
           <div>
-            <label className="label text-lg" htmlFor="password">
+            <label className="label text-sm py-1" htmlFor="password">
               Password
             </label>
@@ -192,6 +192,6 @@
                 id="password"
                 name="password"
-                type={showPassword.password ? "text" : "password"}
-                className="input input-md sm:input-lg w-full"
+                type={showPassword.password ? 'text' : 'password'}
+                className="input input-sm w-full pr-8 2xl:input-lg"
                 placeholder="Password"
                 value={formData.password}
@@ -201,6 +201,6 @@
               <button
                 type="button"
-                className="absolute top-0 right-0 h-full px-3 flex items-center z-10"
-                onClick={() => togglePasswordVisibility("password")}
+                className="absolute top-0 right-0 h-full px-2 flex items-center z-10"
+                onClick={() => togglePasswordVisibility('password')}
                 tabIndex="-1"
                 disabled={loading || googleLoading}
@@ -213,5 +213,5 @@
                     strokeWidth={1.5}
                     stroke="currentColor"
-                    className="w-6 h-6"
+                    className="w-4 h-4"
                   >
                     <path
@@ -228,5 +228,5 @@
                     strokeWidth={1.5}
                     stroke="currentColor"
-                    className="w-6 h-6"
+                    className="w-4 h-4"
                   >
                     <path
@@ -265,6 +265,5 @@
 
           <div>
-            <label className="label text-lg" htmlFor="confirmPassword">
-              {" "}
+            <label className="label text-sm py-1" htmlFor="confirmPassword">
               Confirm Password
             </label>
@@ -272,9 +271,9 @@
               <input
                 id="confirmPassword"
-                type={showPassword.confirmPassword ? "text" : "password"}
+                type={showPassword.confirmPassword ? 'text' : 'password'}
                 name="confirmPassword"
                 value={formData.confirmPassword}
                 onChange={handleInputChange}
-                className="input input-md sm:input-lg w-full"
+                className="input input-sm w-full 2xl:input-lg pr-8"
                 placeholder="Confirm Password"
                 disabled={loading || googleLoading}
@@ -282,6 +281,6 @@
               <button
                 type="button"
-                className="absolute top-0 right-0 h-full px-3 flex items-center z-10"
-                onClick={() => togglePasswordVisibility("confirmPassword")}
+                className="absolute top-0 right-0 h-full px-2 flex items-center z-10"
+                onClick={() => togglePasswordVisibility('confirmPassword')}
                 tabIndex="-1"
                 disabled={loading || googleLoading}
@@ -294,5 +293,5 @@
                     strokeWidth={1.5}
                     stroke="currentColor"
-                    className="w-6 h-6"
+                    className="w-4 h-4"
                   >
                     <path
@@ -309,5 +308,5 @@
                     strokeWidth={1.5}
                     stroke="currentColor"
-                    className="w-6 h-6"
+                    className="w-4 h-4"
                   >
                     <path
@@ -339,19 +338,19 @@
           <button
             type="submit"
-            className="btn bg-black btn-md sm:btn-sm md:btn-md lg:btn-lg xl:btn-xl w-full flex items-center justify-center"
+            className="btn bg-black btn-sm w-full flex 2xl:btn-xl items-center justify-center "
             disabled={loading || googleLoading}
           >
             {loading ? (
-              <span className="loading loading-spinner loading-md mr-2"></span>
+              <span className="loading loading-spinner loading-xs mr-2"></span>
             ) : null}
             Register
           </button>
 
-          <div className="text-center">
-            <p className="text-sm mb-3">or continue with Google</p>
+          <div className="text-center flex flex-col items-center">
+            <p className="text-xs mb-2">or continue with Google</p>
             <button
               type="button"
               onClick={handleGoogleSignIn}
-              className="btn btn-outline  btn-md sm:btn-sm md:btn-md lg:btn-lg xl:btn-x w-full flex items-center justify-center"
+              className="btn btn-outline btn-sm w-[50%] text-center "
               disabled={loading || googleLoading}
             >
@@ -364,5 +363,5 @@
                 <>
                   <svg
-                    className="w-5 h-5 mr-2"
+                    className="w-3 h-3 mr-2"
                     viewBox="0 0 24 24"
                     xmlns="http://www.w3.org/2000/svg"
@@ -392,5 +391,5 @@
         </form>
 
-        <Link to="/login" className="underline mt-1.5">
+        <Link to="/login" className="underline mt-3 text-sm">
           Already have an account?
         </Link>