small changes

app/components/Profile/Profile.ReleaseRatings.tsx

@@ -28,12 +28,12 @@ export const ProfileReleaseRatings = (props: any) => {
         {props.ratings.map((release) => {
           return (
             <Link href={`/release/${release.id}`} key={`vote-${release.id}`}>
-              <div className="flex gap-4">
+              <div className="flex gap-2">
                 <div className="max-w-32">
                   <Poster image={release.image} />
                 </div>
-                <div className="flex flex-col gap-1 py-4">
+                <div className="flex flex-col gap-1">
-                  <h2 className="text-lg">{release.title_ru}</h2>
+                  <h2 className="text-lg font-bold dark:text-white">{release.title_ru}</h2>
                   <Rating size="md">
                     <RatingStar filled={release.my_vote >= 1} />
                     <RatingStar filled={release.my_vote >= 2} />

app/components/Profile/Profile.User.tsx

@@ -27,6 +27,7 @@ interface ProfileUserProps {
     inst: string;
     discord: string;
   };
+  is_social_hidden: boolean;
 }
 
 export const ProfileUser = ({
@@ -41,8 +42,8 @@ export const ProfileUser = ({
   isSponsor,
   isBlocked,
   socials,
+  is_social_hidden,
 }: ProfileUserProps) => {
-
   const theme = useThemeMode().mode;
 
   return (
@@ -88,65 +89,66 @@ export const ProfileUser = ({
           <p className="text-sm whitespace-pre-wrap sm:text-md">{status}</p>
         </div>
       </div>
-      {(socials.vk ||
+      {!is_social_hidden &&
-        socials.tg ||
+        (socials.vk ||
-        socials.discord ||
+          socials.tg ||
-        socials.tt ||
+          socials.discord ||
-        socials.inst) && (
+          socials.tt ||
-        <div className="flex flex-wrap gap-2">
+          socials.inst) && (
-          {socials.vk && (
+          <div className="flex flex-wrap gap-2">
-            <Link href={`https://vk.com/${socials.vk}`} target="_blank">
+            {socials.vk && (
+              <Link href={`https://vk.com/${socials.vk}`} target="_blank">
+                <UserSocial
+                  nickname={socials.vk}
+                  icon="fa6-brands--vk"
+                  url={`https://vk.com/${socials.vk}`}
+                  color="4a76a8"
+                />
+              </Link>
+            )}
+            {socials.tg && (
+              <Link href={`https://t.me/${socials.tg}`} target="_blank">
+                <UserSocial
+                  nickname={socials.tg}
+                  icon="fa6-brands--telegram"
+                  url={`https://t.me/${socials.tg}`}
+                  color="2aabee"
+                />
+              </Link>
+            )}
+            {socials.tt && (
+              <Link href={`https://tiktok.com/@${socials.tt}`} target="_blank">
+                <UserSocial
+                  nickname={socials.tt}
+                  icon="fa6-brands--tiktok"
+                  url={`https://tiktok.com/@${socials.tt}`}
+                  color={theme == "light" ? "000000" : "ffffff"}
+                />
+              </Link>
+            )}
+            {socials.inst && (
+              <Link
+                href={`https://instagram.com/${socials.inst}`}
+                target="_blank"
+              >
+                <UserSocial
+                  nickname={socials.inst}
+                  icon="fa6-brands--instagram"
+                  url={`https://instagram.com/${socials.inst}`}
+                  color="c32aa3"
+                />
+              </Link>
+            )}
+            {socials.discord && (
               <UserSocial
-                nickname={socials.vk}
+                nickname={socials.discord}
-                icon="fa6-brands--vk"
+                icon="fa6-brands--discord"
-                url={`https://vk.com/${socials.vk}`}
+                url={`https://discord.com/${socials.discord}`}
-                color="4a76a8"
+                color="5865f2"
               />
-            </Link>
+            )}
-          )}
+          </div>
-          {socials.tg && (
+        )}
-            <Link href={`https://t.me/${socials.tg}`} target="_blank">
-              <UserSocial
-                nickname={socials.tg}
-                icon="fa6-brands--telegram"
-                url={`https://t.me/${socials.tg}`}
-                color="2aabee"
-              />
-            </Link>
-          )}
-          {socials.tt && (
-            <Link href={`https://tiktok.com/@${socials.tt}`} target="_blank">
-              <UserSocial
-                nickname={socials.tt}
-                icon="fa6-brands--tiktok"
-                url={`https://tiktok.com/@${socials.tt}`}
-                color={theme == "light" ? "000000" : "ffffff"}
-              />
-            </Link>
-          )}
-          {socials.inst && (
-            <Link
-              href={`https://instagram.com/${socials.inst}`}
-              target="_blank"
-            >
-              <UserSocial
-                nickname={socials.inst}
-                icon="fa6-brands--instagram"
-                url={`https://instagram.com/${socials.inst}`}
-                color="c32aa3"
-              />
-            </Link>
-          )}
-          {socials.discord && (
-            <UserSocial
-              nickname={socials.discord}
-              icon="fa6-brands--discord"
-              url={`https://discord.com/${socials.discord}`}
-              color="5865f2"
-            />
-          )}
-        </div>
-      )}
     </Card>
   );
 };

app/pages/Profile.tsx

@@ -88,7 +88,7 @@ export const ProfilePage = (props: any) => {
           ) ?
             "mt-4"
           : ""
-        }`}
+        } mb-4`}
       >
         <div className="flex flex-col gap-2">
           <ProfileUser
@@ -109,6 +109,7 @@ export const ProfilePage = (props: any) => {
               inst: user.inst_page || null,
               discord: user.discord_page || null,
             }}
+            is_social_hidden={user.is_social_hidden}
           />
           {authUser.token && (
             <ProfileActions