feat: enhance Sanity client configuration and improve News component rendering (#32)

Author: manishdex25

src/lib/sanity/client.ts

@@ -7,13 +7,14 @@ const dataset = import.meta.env.VITE_SANITY_DATASET
 const apiVersion = import.meta.env.VITE_SANITY_API_VERSION || '2025-01-01'
 const readToken = import.meta.env.VITE_SANITY_READ_TOKEN
 const hasSanityConfig = Boolean(projectId && dataset)
-
+const perspective = import.meta.env.VITE_SANITY_PERSPECTIVE || 'published' // setting default perspective to published
 export const sanityClient = hasSanityConfig
   ? createClient({
       projectId,
       dataset,
       apiVersion,
       useCdn: true,
+      perspective,
       token: readToken ? String(readToken) : undefined,
     })
   : null

src/pages/News/index.tsx

@@ -49,6 +49,7 @@ const News = ({ isDarkMode }: NewsProps) => {
     loadMoreAnchorRef,
     getReadTimeText,
   }: NewsListHookResult = useNewsList()
+  const hasRenderablePosts = articles.length > 0 || Boolean(featuredArticle)
 
   return (
     <section
@@ -63,7 +64,7 @@ const News = ({ isDarkMode }: NewsProps) => {
           <Suspense fallback={<NewsListFallback isDarkMode={isDarkMode} />}>
             <NewsLoadingState isDarkMode={isDarkMode} />
           </Suspense>
-        ) : articles.length === 0 ? (
+        ) : !hasRenderablePosts ? (
           <div
             className={clsx(
               'rounded-2xl p-10 text-center border',