Why can't getUserData become a server action? Bare inmind that this is a layout and already should be a server-side action.

import type { Metadata } from 'next'
import { headers } from 'next/headers'
import { cookies } from 'next/headers'
import { redirect } from 'next/navigation'


async function getUserData(token: string | null) {
      "use server";
      cookies().delete('token');    
/// Do stuff
    return null
}

export default async function RootLayout({}: Readonly<{children: React.ReactNode}>) {
    const cookiesStore = cookies()
    const token = cookiesStore.get('at')

    if (token == null) return redirect('/login')
    const response = await getUserData(token.value)
    if (response?.payload == null) return redirect('/login')

    return (
        <div className='App'>
            <main className='page-container'>{children}</main>
        </div>
    )
}

I keep getting the error:

Error: Cookies can only be modified in a Server Action or Route Handler. Read more: https://nextjs.org/docs/app/api-reference/functions/cookies#cookiessetname-value-options