feat: update user profile page title and enable navigation from user cards

Author: tomast1337

web/src/app/(content)/user/[username]/page.tsx

@@ -25,7 +25,7 @@ const UserPage = async ({ params }: { params: { username: string } }) => {
 
   if (userData) {
     // set the page title to the user's name
-    document.title = `${userData?.publicName} - User Profile`;
+
     return <UserProfile userData={userData} songData={songData} />;
   } else {
     return <ErrorBox message='Failed to get user data' />;

web/src/modules/search/components/SearchPageComponent.tsx

@@ -15,9 +15,12 @@ type UserCardProps = {
 
 export const UserCard = ({ user }: UserCardProps) => {
   const { id, profileImage, songCount, username } = user;
-
+  const router = useRouter();
   return (
-    <div className='max-w-sm p-6 bg-zinc-800 rounded-lg shadow-md hover:bg-zinc-750 transition-colors cursor-pointer'>
+    <div
+      className='max-w-sm p-6 bg-zinc-800 rounded-lg shadow-md hover:bg-zinc-750 transition-colors cursor-pointer'
+      onClick={() => router.push(`/user/${id}`)}
+    >
       {/* Profile Image */}
       <div className='flex justify-center'>
         <Image