refactor: replace type assertions and improve fallback handling

- **poster-top-titles.tsx**: Removed unnecessary `as any` assertion for `picture` metadata URI.
- **use-is-verified.ts**: Switched from `||` to `??` for error fallback handling.
- **finance-quick-transfer.tsx**: Introduced explicit typing with `ProfilePicture_ImageSet_` and adjusted avatar logic for clarity.
- **publication-detail-main.tsx**: Improved `picture` metadata URI fallback, removing redundant `any` assertions.
- **publication-details-view.tsx**: Added a `customImage` prop for OG meta tags fallback.
- **profile-referrals-table-row.tsx**: Marked `Props` as readonly for better immutability.
- **publication-comment-item.tsx**: Removed `as any` assertion and refined fallback logic for comment avatars.

src/components/poster/variants/poster-top-titles.tsx

@@ -172,7 +172,7 @@ const PosterTopTitles = ({ post }: { post: any }) => {
                       ratio={'1/1'}
                       style={{ width: '20px', height: '20px', borderRadius: '50%' }}
                       src={
-                        (post?.by?.metadata?.picture as any)?.optimized?.uri ?? dicebear(post?.by?.id)
+                        post?.by?.metadata?.picture?.optimized?.uri ?? dicebear(post?.by?.id)
                       }
                     />
                     {post?.by?.metadata?.displayName ?? post?.by?.handle?.localName}

src/components/publication-detail-main.tsx

@@ -115,7 +115,7 @@ export default function PublicationDetailMain({
         id: post.by.id,
         displayName: post?.by?.metadata?.displayName,
         avatar:
-          (post?.by?.metadata?.picture as any)?.optimized?.uri ?? dicebear(post?.by?.id),
+          post?.by?.metadata?.picture?.optimized?.uri ?? dicebear(post?.by?.id),
       },
       {
         rawDescription: `${sessionData?.profile?.metadata?.displayName} liked ${post?.metadata?.title}`,
@@ -463,7 +463,7 @@ export default function PublicationDetailMain({
                       id: post?.by?.id,
                       displayName: post?.by?.metadata?.displayName,
                       avatar:
-                        (post?.by?.metadata?.picture as any)?.optimized?.uri ?? dicebear(post?.by?.id),
+                        post?.by?.metadata?.picture?.optimized?.uri ?? dicebear(post?.by?.id),
                     }}
                   />
                 ) : (

src/hooks/use-is-verified.ts

@@ -34,6 +34,6 @@ export const useIsVerified = (account: Address): UseIsVerifiedHook => {
   return {
     isVerified,
     loading,
-    error: error?.message || null,
+    error: error?.message ?? null,
   };
 };

src/sections/finance/components/finance-quick-transfer.tsx

@@ -78,6 +78,13 @@ export default function FinanceQuickTransfer({
   const confirm = useBoolean();
   const MAX_AMOUNT = balance;
 
+
+  interface ProfilePicture_ImageSet_ {
+    optimized: {
+      uri: string;
+    };
+  }
+
   // This gets the current profile in the carousel
   const getContactInfo: Profile | undefined = list?.find((_, index) => index === currentIndex);
 
@@ -344,7 +351,11 @@ export default function FinanceQuickTransfer({
                 placement="top"
               >
                 <AvatarProfile
-                  src={(profile?.metadata?.picture as any)?.optimized?.uri ?? profile?.id}
+                  src={
+                    profile?.metadata?.picture && 'optimized' in profile.metadata.picture
+                      ? (profile.metadata.picture as ProfilePicture_ImageSet_).optimized.uri
+                      : profile?.id
+                  }
                   alt={profile?.handle?.localName ?? ''}
                   sx={{
                     mx: 'auto',

src/sections/publication/publication-comment-item.tsx

@@ -336,7 +336,7 @@ export default function PublicationCommentItem({ comment, hasReply, canReply }:
                 owner={{
                   id: comment?.by?.id,
                   displayName: comment?.by?.metadata?.displayName,
-                  avatar: (comment?.by?.metadata?.picture as any)?.optimized?.uri ?? comment?.by?.id,
+                  avatar: comment?.by?.metadata?.picture?.optimized?.uri ?? comment?.by?.id,
                 }}
               />
             ) : (

src/sections/publication/view/publication-details-view.tsx

@@ -380,11 +380,11 @@ interface PublicationDetailsTagsProps {
   publicationId: string
 }
 
-const PublicationDetailsTags: FC<PropsWithChildren<PublicationDetailsTagsProps>> = ({ title, publicationId, children }) => {
+const PublicationDetailsTags: FC<PropsWithChildren<PublicationDetailsTagsProps>> = ({ title, publicationId, image: customImage, children }) => {
   // OG META TAGS DATA
   const metaTitle = `Watchit: ${title}`
   const description = 'Check out this amazing publication on Watchit, where content meets Web3 & AI.'
-  const image = GLOBAL_CONSTANTS.LOGO_URL
+  const image = customImage ?? GLOBAL_CONSTANTS.LOGO_URL
   const url = `${GLOBAL_CONSTANTS.BASE_URL}/publication/${publicationId}`
 
   return <OgMetaTags

src/sections/user/view/profile-referrals-table-row.tsx

@@ -28,7 +28,7 @@ const capitalizeFirstLetter = (string: string) => {
 
 // ----------------------------------------------------------------------
 
-export default function ProfileReferralsTableRow({ row, selected }: Props) {
+export default function ProfileReferralsTableRow({ row, selected }: Readonly<Props>) {
   const { destination, status, created_at: date, id, receiver_id } = row;
   const router = useRouter();