changed wording and order of comments

Author: emyemy89

my-app/src/presenters/ReviewPresenter.jsx

@@ -30,7 +30,7 @@ export const ReviewPresenter = observer(({ model, course }) => {
             if(!model?.user?.uid)
                 setErrorMessage("You need to be logged in to post a comment - Posting anonymously is possible.");
             else if(reviews.filter((review)=>{return review.uid == model?.user?.uid}).length > 0)
-                setErrorMessage("Everyone can only post once. Submitting a new comment will override the old one.");
+                setErrorMessage("Everyone can only post once. Submitting a new comment will replace the old one.");
         }
         updateError();
     }, [reviews, model?.user?.uid]);

my-app/src/views/ReviewView.jsx

@@ -87,6 +87,22 @@ export function ReviewView(props) {
               />
             </div>
 
+            
+
+            {/* Professor Rating */}
+            <div className="text-center">
+              <p className="font-semibold text-gray-700 text-sm mb-1">
+                Professor Rating
+              </p>
+              <RatingComponent
+                className="flex gap-1 text-base justify-center"
+                value={formData.professorRating}
+                onChange={(val) =>
+                  setFormData({ ...formData, professorRating: val })
+                }
+              />
+            </div>
+
             {/* Difficulty Rating */}
             <div className="relative" ref={difficultyRef}>
               <div className="flex items-center justify-center gap-2">
@@ -122,20 +138,6 @@ export function ReviewView(props) {
               </div>
             </div>
 
-            {/* Professor Rating */}
-            <div className="text-center">
-              <p className="font-semibold text-gray-700 text-sm mb-1">
-                Professor Rating
-              </p>
-              <RatingComponent
-                className="flex gap-1 text-base justify-center"
-                value={formData.professorRating}
-                onChange={(val) =>
-                  setFormData({ ...formData, professorRating: val })
-                }
-              />
-            </div>
-
             {/* Grade Section */}
             <div className="relative" ref={gradeRef}>
               <div className="flex items-center justify-center gap-2">
@@ -348,10 +350,7 @@ export function ReviewView(props) {
                           <p className="text-sm text-gray-600">N/A</p>
                         )}
                       </div>
-                      <div>
-                        <p className="text-sm font-semibold text-gray-700">Difficulty</p>
-                        <p className="text-sm text-gray-600">{mapDifficultyRating(rev.difficultyRating)}</p>
-                      </div>
+                      
                       <div>
                         <p className="text-sm font-semibold text-gray-700">Professor Rating</p>
                         {rev.professorRating > 0 ? (
@@ -364,6 +363,10 @@ export function ReviewView(props) {
                           <p className="text-sm text-gray-600">N/A</p>
                         )}
                       </div>
+                      <div>
+                        <p className="text-sm font-semibold text-gray-700">Difficulty</p>
+                        <p className="text-sm text-gray-600">{mapDifficultyRating(rev.difficultyRating)}</p>
+                      </div>
                       <div>
                         <p className="text-sm font-semibold text-gray-700">Professor</p>
                         <p className="text-sm text-gray-600">{rev.professorName || "N/A"}</p>