Merge branch 'main' of https://github.com/john-david3/cs3305-team11

frontend/src/pages/UserPage.tsx

@@ -232,7 +232,7 @@ const UserPage: React.FC = () => {
 						</div>
 						<div className="w-full mt-6 relative flex flex-col items-center">
 							<div className="w-full max-w-full relative flex items-center justify-center">
-								<h2 className="text-xl font-semibold mb-3 text-center w-full">About Me </h2>
+								<h2 className="text-xl font-semibold mb-3 text-center w-full">About Me</h2>
 								{!isEditingBio && userPageVariant === "personal" && (
 									<button
 										onClick={() => {

frontend/src/pages/Vods.tsx

@@ -60,7 +60,7 @@ const Vods: React.FC = () => {
                 <p className="col-span-full text-center">No VODs available.</p>
               ) : (
                 ownedVods.map((vod) => {
-                  const thumbnailUrl = `/stream/${username}/vods/${vod.vod_id}.png`;
+                  const thumbnailUrl = `/vods/${username}/${vod.vod_id}.png`;
 
                   return (
                     <div