feat(website): add app dir (#8869)

Co-authored-by: iCrawl <buechler.noel@outlook.com>

apps/website/src/contexts/cmdK.tsx

@@ -1,6 +1,8 @@
-import { type DisclosureState, useDialogState } from 'ariakit';
-import type { PropsWithChildren } from 'react';
-import { createContext, useContext } from 'react';
+'use client';
+
+import { useDialogState } from 'ariakit/dialog';
+import type { DisclosureState } from 'ariakit/disclosure';
+import { type PropsWithChildren, createContext, useContext } from 'react';
 
 export const CmdKContext = createContext<DisclosureState | null>(null);
 

apps/website/src/contexts/member.tsx

@@ -1,14 +1,16 @@
+'use client';
+
 import type { ApiItemJSON } from '@discordjs/api-extractor-utils';
 import { createContext, useContext, type ReactNode } from 'react';
 
-export const MemberContext = createContext<ApiItemJSON | undefined>(undefined);
+export const MemberContext = createContext<ApiItemJSON | null | undefined>(undefined);
 
 export const MemberProvider = ({
 	member,
 	children,
 }: {
 	children?: ReactNode | undefined;
-	member: ApiItemJSON | undefined;
+	member: ApiItemJSON | null | undefined;
 }) => <MemberContext.Provider value={member}>{children}</MemberContext.Provider>;
 
 export function useMember() {

apps/website/src/contexts/nav.tsx

@@ -0,0 +1,19 @@
+'use client';
+
+import { type PropsWithChildren, type Dispatch, type SetStateAction, createContext, useContext, useState } from 'react';
+
+export const NavContext = createContext<{ opened: boolean; setOpened: Dispatch<SetStateAction<boolean>> }>({
+	opened: false,
+	setOpened: (_) => {},
+});
+
+export const NavProvider = ({ children }: PropsWithChildren) => {
+	const [opened, setOpened] = useState(false);
+
+	// eslint-disable-next-line react/jsx-no-constructed-context-values
+	return <NavContext.Provider value={{ opened, setOpened }}>{children}</NavContext.Provider>;
+};
+
+export function useNav() {
+	return useContext(NavContext);
+}