fix: followee permission error as moderator to follow and unfollow (#374)

* update

* fix: update

* update

* update

* fix: permission issue for moderator when following other user

* fix: shift on user card when loading or empty

* update

Author: sheriffjimoh

apps/hasura/metadata/databases/masterbots/tables/public_social_following.yaml

@@ -16,10 +16,10 @@ insert_permissions:
     permission:
       check:
         _and:
-          - followee_id:
-              _eq: X-Hasura-User-Id
           - follower_id:
               _eq: X-Hasura-User-Id
+          - followee_id:
+              _neq: X-Hasura-User-Id
       columns:
         - followee_id
         - followee_id_chatbot
@@ -78,8 +78,11 @@ update_permissions:
         - followee_id_chatbot
         - follower_id
       filter:
-        follower_id:
-          _eq: X-Hasura-User-Id
+        _and:
+          - follower_id:
+              _eq: X-Hasura-User-Id
+          - followee_id:
+              _neq: X-Hasura-User-Id
       check: null
     comment: ""
   - role: user

apps/masterbots.ai/components/routes/profile/user-card.tsx

@@ -211,7 +211,7 @@ export function UserCard({ user, loading }: UserCardProps) {
       })
       if (!success) {
         console.error('Failed to follow/Unfollow user:', error)
-        customSonner({ type: 'error', text: error || 'Failed to follow/Unfollow user' })
+        customSonner({ type: 'error', text: `Failed to process your request, try again!` })
         return
       }
 
@@ -266,13 +266,13 @@ export function UserCard({ user, loading }: UserCardProps) {
 
   return (
     <div className="bg-background relative rounded-lg w-full max-w-[600px] md:h-[320px] flex flex-col gap-1 mx-auto font-geist space-y-1">
-      {loading || !user && (
-        <div className="relative w-full h-full max-h-[330px] z-10">
+      {loading  && (
+        <div className="relative w-full h-[300px]  z-10">
           <ChatChatbotDetailsSkeleton />
         </div>
       )}
       {!user && !loading && <EmptyState />}
-      {user && (
+      {user && !loading &&(
         <>
           {/* Profile Name */}
           <div className="px-5 pb-2 pt-7 flex flex-col gap-2.5">

apps/masterbots.ai/components/shared/skeletons/chat-chatbot-details-skeleton.tsx

@@ -2,7 +2,7 @@ import { Skeleton } from "@/components/ui/skeleton"
 
 export function ChatChatbotDetailsSkeleton() {
   return (
-    <div className="h-[calc(100vh-196px)] flex items-center justify-center -translate-y-8">
+    <div className="flex items-center justify-center -translate-y-8">
       <div className="dark:bg-[#09090B] bg-white w-[85%] md:w-[600px] rounded-xl text-white relative">
         {/* Card Header */}
         <div className="px-4 pt-4 md:px-6 md:pt-6">