chore(examples/auth): removes all client-side auth from rsc app

examples/auth/payload/src/app/(app)/_components/Header/Nav/index.tsx

@@ -1,14 +1,15 @@
 'use client'
 
+import type { User } from '@/payload-types'
+
 import Link from 'next/link'
 import React from 'react'
 
-import { useAuth } from '../../../_providers/Auth'
 import classes from './index.module.scss'
 
-export const HeaderNav: React.FC = () => {
-  const { user } = useAuth()
-
+export const HeaderNav: React.FC<{
+  user?: User | null
+}> = ({ user }) => {
   return (
     <nav
       className={[

examples/auth/payload/src/app/(app)/_components/Header/index.tsx

@@ -1,12 +1,17 @@
+import { headers as getHeaders } from 'next/headers'
 import Image from 'next/image'
 import Link from 'next/link'
 import React from 'react'
 
+import { getUser } from '../../_utilities/getUser'
 import { Gutter } from '../Gutter'
 import { HeaderNav } from './Nav'
 import classes from './index.module.scss'
 
-export function Header() {
+export async function Header() {
+  const headers = getHeaders()
+  const user = await getUser(headers)
+
   return (
     <header className={classes.header}>
       <Gutter className={classes.wrap}>
@@ -24,7 +29,7 @@ export function Header() {
             />
           </picture>
         </Link>
-        <HeaderNav />
+        <HeaderNav user={user} />
       </Gutter>
     </header>
   )

examples/auth/payload/src/app/(app)/_utilities/getUser.ts

@@ -0,0 +1,16 @@
+'use server'
+import type { User } from '@/payload-types'
+
+import { getPayloadHMR } from '@payloadcms/next/utilities'
+import { unstable_cache } from 'next/cache'
+
+import config from '../../../payload.config'
+
+export const getUser = unstable_cache(
+  async (headers: Headers): Promise<User | null> => {
+    const payload = await getPayloadHMR({ config })
+    const { user } = await payload.auth({ headers })
+    return user
+  },
+  ['payload-user'],
+)