So i have this this is the data access dal.ts layer that check the user auth

import 'server-only'
import { cookies } from 'next/headers'
import { decrypt } from '@/app/lib/session'
import { cache } from 'react'

export const verifySession = cache(async () => {
  const cookie = cookies().get('session')?.value
  const session = await decrypt(cookie)
  if (!session?.user) {
    return { isAuth: false, user: undefined }
  }
  return { isAuth: true, user: session?.user as User }
})

this is one of the server action

import { verifySession2 } from "@/app/lib/dal";
import { getNotes } from "@/db/controller/notecontroller";

export async function getAllNotesAction(): Promise<PartialNote[] | { error: string }> {
  try {
    const { isAuth, user } = await verifySession();
    if (!isAuth || !user) {
      return ({ error: "Authorization failed." });
    }
    const notes = await getNotes(user.user_id);
    return notes;
  } catch (error) {
    return ({ error: "Failed to fetch the user or shared notes." });
  }
}

due to that server-only function required for next/head i am unable to do this in client component

//client component
useEffect(() => {
    async function fetchData() {
      const res = await getAllNotes();
      if ('error' in res) {
        updateError(res)
     }
      else {
        updateNoteList(res)
      }
    }
    fetchData()
  }, [])

is there any way i can make this work , somebody please give me hint,solution,... anything that helps.