From d7ef0b0cfb572c49df3c48bb6188e9f02e8b7761 Mon Sep 17 00:00:00 2001
From: Sarah Funkhouser <147884153+golanglemonade@users.noreply.github.com>
Date: Fri, 15 Nov 2024 12:53:04 -0700
Subject: [PATCH] run the pre-commit hooks (#80)

Signed-off-by: Sarah Funkhouser <147884153+golanglemonade@users.noreply.github.com>
---
 apps/console/public/icons/horizonal-bars.svg  |  14 --
 apps/console/src/app/(auth)/verify/page.tsx   |   2 +-
 apps/console/src/app/(auth)/waitlist/page.tsx |   2 +-
 apps/console/src/app/layout.tsx               |   2 +-
 .../components/pages/auth/signup/signup.tsx   |   4 +-
 .../pages/auth/subscriber-verify/verifier.tsx |  10 +-
 .../src/components/pages/invite/accept.tsx    |  10 +-
 .../developers/personal-access-token-form.tsx |   6 +-
 .../members/actions/member-actions.tsx        |   2 +-
 .../protected/policies/actions/actions.tsx    |   6 +-
 .../protected/policies/policies-table.tsx     |   2 +-
 .../protected/procedures/actions/actions.tsx  |   6 +-
 .../protected/procedures/procedures-table.tsx |   2 +-
 .../questionnaire/actions/actions.tsx         |   4 +-
 .../pages/protected/questionnaire/create.tsx  |   9 +-
 .../questionnaire/questionnaire-editor.tsx    |  12 +-
 .../questionnaire/questionnaire-table.tsx     |   2 +-
 .../questionnaire/questionnaire-viewer.tsx    |   2 +-
 .../protected/questionnaire/templates.tsx     |   2 +-
 .../src/components/shared/editor/plate.tsx    |   8 +-
 apps/console/src/lib/auth/auth.ts             |   4 +-
 apps/console/src/lib/authz/utils.ts           |   6 +-
 apps/storybook/.storybook/openlane.ts         |   4 +-
 apps/storybook/src/stories/Introduction.mdx   |   4 +-
 packages/codegen/query/organzation.graphql    | 135 ------------------
 packages/dally/src/index.ts                   |   2 +-
 packages/tailwind-config/tailwind.config.ts   |   4 +-
 .../dropdown-menu/dropdown-menu.styles.tsx    |   2 +-
 packages/ui/src/logo/logo.tsx                 |  20 +--
 .../ui/src/plate-ui/code-block-element.css    | 125 ++++++++--------
 .../ui/src/plate-ui/fixed-toolbar-buttons.tsx |   2 +-
 .../ui/src/plate-ui/mention-input-element.tsx |   2 +-
 32 files changed, 133 insertions(+), 284 deletions(-)
 delete mode 100644 apps/console/public/icons/horizonal-bars.svg
 delete mode 100644 packages/codegen/query/organzation.graphql

diff --git a/apps/console/public/icons/horizonal-bars.svg b/apps/console/public/icons/horizonal-bars.svg
deleted file mode 100644
index 516ee32c..00000000
--- a/apps/console/public/icons/horizonal-bars.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="bars-outline" clip-path="url(#clip0_2446_222227)">
-<g id="Vector">
-<path d="M18.8235 3.45242H1.17647C0.864451 3.45242 0.565212 3.31445 0.344581 3.06887C0.123949 2.82329 0 2.49021 0 2.1429C0 1.79559 0.123949 1.46251 0.344581 1.21692C0.565212 0.971342 0.864451 0.833374 1.17647 0.833374H18.8235C19.1355 0.833374 19.4348 0.971342 19.6554 1.21692C19.8761 1.46251 20 1.79559 20 2.1429C20 2.49021 19.8761 2.82329 19.6554 3.06887C19.4348 3.31445 19.1355 3.45242 18.8235 3.45242Z" fill="#4D474D"/>
-<path d="M18.8235 11.3096H1.17647C0.864451 11.3096 0.565212 11.1716 0.344581 10.926C0.123949 10.6804 0 10.3473 0 10C0 9.65273 0.123949 9.31965 0.344581 9.07407C0.565212 8.82848 0.864451 8.69052 1.17647 8.69052H18.8235C19.1355 8.69052 19.4348 8.82848 19.6554 9.07407C19.8761 9.31965 20 9.65273 20 10C20 10.3473 19.8761 10.6804 19.6554 10.926C19.4348 11.1716 19.1355 11.3096 18.8235 11.3096Z" fill="#4D474D"/>
-<path d="M18.8235 19.1667H1.17647C0.864451 19.1667 0.565212 19.0287 0.344581 18.7832C0.123949 18.5376 0 18.2045 0 17.8572C0 17.5099 0.123949 17.1768 0.344581 16.9312C0.565212 16.6856 0.864451 16.5477 1.17647 16.5477H18.8235C19.1355 16.5477 19.4348 16.6856 19.6554 16.9312C19.8761 17.1768 20 17.5099 20 17.8572C20 18.2045 19.8761 18.5376 19.6554 18.7832C19.4348 19.0287 19.1355 19.1667 18.8235 19.1667Z" fill="#4D474D"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_2446_222227">
-<rect width="20" height="20" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/apps/console/src/app/(auth)/verify/page.tsx b/apps/console/src/app/(auth)/verify/page.tsx
index 02a4be1b..223a6197 100644
--- a/apps/console/src/app/(auth)/verify/page.tsx
+++ b/apps/console/src/app/(auth)/verify/page.tsx
@@ -2,7 +2,7 @@
 
 import { Suspense } from 'react'
 import { LoaderCircle } from 'lucide-react'
-import { TokenVerifier } from '@/components/pages/auth/subscriber-verify/verifier' 
+import { TokenVerifier } from '@/components/pages/auth/subscriber-verify/verifier'
 
 export const dynamic = 'force-dynamic'
 
diff --git a/apps/console/src/app/(auth)/waitlist/page.tsx b/apps/console/src/app/(auth)/waitlist/page.tsx
index 551b4154..cdd2cb5b 100644
--- a/apps/console/src/app/(auth)/waitlist/page.tsx
+++ b/apps/console/src/app/(auth)/waitlist/page.tsx
@@ -23,7 +23,7 @@ const Waitlist: React.FC = () => {
         <Subscribe />
 
         <div className="flex flex-col text-center text-sm text-oxford-blue-100 mt-20">
-          <Link href="/login">Back to login</Link> 
+          <Link href="/login">Back to login</Link>
         </div>
       </div>
     </main>
diff --git a/apps/console/src/app/layout.tsx b/apps/console/src/app/layout.tsx
index bd70f9a2..93a635e2 100644
--- a/apps/console/src/app/layout.tsx
+++ b/apps/console/src/app/layout.tsx
@@ -25,7 +25,7 @@ export default function RootLayout({
           async
           src="https://js.stripe.com/v3/pricing-table.js">
         </script>
-      </head> 
+      </head>
       <body
         className={`${outfit.variable} ${mincho.variable} ${jetBrainsMono.variable} font-sans w-full h-full bg-ziggurat-100 overscroll-none dark:bg-oxford-blue-900`}
       >
diff --git a/apps/console/src/components/pages/auth/signup/signup.tsx b/apps/console/src/components/pages/auth/signup/signup.tsx
index a9dca21a..9585fc13 100644
--- a/apps/console/src/components/pages/auth/signup/signup.tsx
+++ b/apps/console/src/components/pages/auth/signup/signup.tsx
@@ -159,13 +159,13 @@ export const SignupPage = () => {
         }}
         onSubmit={async (payload: RegisterUser) => {
           setIsLoading(true)
-          try {    
+          try {
             const v: any = await validateEmail(payload)
             if (!v) {
               router.push('/waitlist')
               return
             }
-          
+
             if (payload.password === payload.confirmedPassword) {
               delete payload.confirmedPassword
 
diff --git a/apps/console/src/components/pages/auth/subscriber-verify/verifier.tsx b/apps/console/src/components/pages/auth/subscriber-verify/verifier.tsx
index b23b285e..2b18a5e5 100644
--- a/apps/console/src/components/pages/auth/subscriber-verify/verifier.tsx
+++ b/apps/console/src/components/pages/auth/subscriber-verify/verifier.tsx
@@ -15,7 +15,7 @@ export const TokenVerifier = () => {
 
   const [message, setMessage] = useState('')
   const [error, setError] = useState('')
-  
+
 
   useEffect(() => {
     const verifyToken = async () => {
@@ -42,7 +42,7 @@ export const TokenVerifier = () => {
       <>
         <div className="mx-auto animate-pulse w-96">
         <Logo theme='dark' />
-        </div>  
+        </div>
         <div className={errorMessage()}>
           No token provided, please check your email for a verification link.
         </div>
@@ -51,11 +51,11 @@ export const TokenVerifier = () => {
   }
 
   if (error) {
-    return ( 
+    return (
     <>
     <div className="mx-auto animate-pulse w-96">
     <Logo theme='dark' />
-    </div>  
+    </div>
     <div className={errorMessage()}>{error}</div>
     </>
     )
@@ -81,7 +81,7 @@ export const TokenVerifier = () => {
     <>
     <div className="mx-auto animate-pulse w-96">
     <Logo theme='dark' />
-    </div>    
+    </div>
     <div className={loading()}>
       <LoaderCircle className="animate-spin" size={20} />
       <span className={successMessage()}>Verifying</span>
diff --git a/apps/console/src/components/pages/invite/accept.tsx b/apps/console/src/components/pages/invite/accept.tsx
index 6ca8c0be..41a6f502 100644
--- a/apps/console/src/components/pages/invite/accept.tsx
+++ b/apps/console/src/components/pages/invite/accept.tsx
@@ -13,9 +13,9 @@ export const InviteAccepter = () => {
     const { data: session, update } = useSession()
     const { push } = useRouter()
     const token = searchParams?.get('token')
-  
+
     const { isLoading, verified, error } = useAcceptOrganizationInvite(token ?? null)
-  
+
     useEffect(() => {
       const updateSession = async () => {
         if (verified && session) {
@@ -28,14 +28,14 @@ export const InviteAccepter = () => {
               organization: verified?.joined_org_id,
             },
           })
-  
+
           push('/dashboard')
         }
       }
-  
+
       updateSession()
     }, [verified, error])
-  
+
     return (
         <main className="flex flex-col min-h-screen w-full items-center space-between dark:bg-dk-surface-0 bg-surface-0">
           <div className="flex flex-col justify-center mx-auto my-auto w-full p-6 sm:w-1/3 h-full relative ease-in-out">
diff --git a/apps/console/src/components/pages/protected/developers/personal-access-token-form.tsx b/apps/console/src/components/pages/protected/developers/personal-access-token-form.tsx
index 435aa8b4..878b298c 100644
--- a/apps/console/src/components/pages/protected/developers/personal-access-token-form.tsx
+++ b/apps/console/src/components/pages/protected/developers/personal-access-token-form.tsx
@@ -215,9 +215,9 @@ const PersonalAccessTokenForm = () => {
                         {Object.entries(orgs)
                             .reverse()
                             .map(([key, value], i) => (
-                              <DropdownMenuCheckboxItem 
+                              <DropdownMenuCheckboxItem
                                 className={checkboxRow()}
-                                key={value?.node?.name} 
+                                key={value?.node?.name}
                                 checked={value?.node?.id ? field.value?.includes(value.node.id) ?? false : false}
                                 onCheckedChange={(checked) => {
                                   const newValue = checked
@@ -235,7 +235,7 @@ const PersonalAccessTokenForm = () => {
                                   <AvatarFallback>
                                     {value?.node?.name?.substring(0, 2)}
                                   </AvatarFallback>
-                                </Avatar>    
+                                </Avatar>
                                 {value?.node?.name}
                               </DropdownMenuCheckboxItem>
                             ))
diff --git a/apps/console/src/components/pages/protected/organization/members/actions/member-actions.tsx b/apps/console/src/components/pages/protected/organization/members/actions/member-actions.tsx
index 742a60dc..fb3e9bea 100644
--- a/apps/console/src/components/pages/protected/organization/members/actions/member-actions.tsx
+++ b/apps/console/src/components/pages/protected/organization/members/actions/member-actions.tsx
@@ -99,7 +99,7 @@ export const MemberActions = ({
 
   type FormData = zInfer<typeof formSchema>
 
-  
+
   const form = useForm<FormData>({
     resolver: zodResolver(formSchema),
     defaultValues: {
diff --git a/apps/console/src/components/pages/protected/policies/actions/actions.tsx b/apps/console/src/components/pages/protected/policies/actions/actions.tsx
index 5ea83518..0ba48ebf 100644
--- a/apps/console/src/components/pages/protected/policies/actions/actions.tsx
+++ b/apps/console/src/components/pages/protected/policies/actions/actions.tsx
@@ -38,7 +38,7 @@ export const Actions = ({
   const router = useRouter()
   const { actionIcon } = pageStyles()
   const { toast } = useToast()
-  
+
   // const [ _, deleteTemplate] = useDeletePolicyMutation()
 
   const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
@@ -87,8 +87,8 @@ export const Actions = ({
         </DropdownMenuGroup>
       </DropdownMenuContent>
     </DropdownMenu>
-    
-    
+
+
     <AlertDialog open={isDeleteDialogOpen} onOpenChange={setIsDeleteDialogOpen}>
       <AlertDialogContent>
         <AlertDialogHeader>
diff --git a/apps/console/src/components/pages/protected/policies/policies-table.tsx b/apps/console/src/components/pages/protected/policies/policies-table.tsx
index 51774605..df2d1e29 100644
--- a/apps/console/src/components/pages/protected/policies/policies-table.tsx
+++ b/apps/console/src/components/pages/protected/policies/policies-table.tsx
@@ -78,7 +78,7 @@ export const PoliciesTable = () => {
             // onChange={handleSearch}
           />
         </div>
-        <Button            
+        <Button
             icon={<PlusIcon />}
             iconPosition="left"
             onClick={handleCreateNew}
diff --git a/apps/console/src/components/pages/protected/procedures/actions/actions.tsx b/apps/console/src/components/pages/protected/procedures/actions/actions.tsx
index 14cb00c4..ea3b3be4 100644
--- a/apps/console/src/components/pages/protected/procedures/actions/actions.tsx
+++ b/apps/console/src/components/pages/protected/procedures/actions/actions.tsx
@@ -38,7 +38,7 @@ export const Actions = ({
   const router = useRouter()
   const { actionIcon } = pageStyles()
   const { toast } = useToast()
-  
+
   // const [ _, deleteTemplate] = useDeleteProcedureMutation()
 
   const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
@@ -87,8 +87,8 @@ export const Actions = ({
         </DropdownMenuGroup>
       </DropdownMenuContent>
     </DropdownMenu>
-    
-    
+
+
     <AlertDialog open={isDeleteDialogOpen} onOpenChange={setIsDeleteDialogOpen}>
       <AlertDialogContent>
         <AlertDialogHeader>
diff --git a/apps/console/src/components/pages/protected/procedures/procedures-table.tsx b/apps/console/src/components/pages/protected/procedures/procedures-table.tsx
index d4f81148..4740e8ab 100644
--- a/apps/console/src/components/pages/protected/procedures/procedures-table.tsx
+++ b/apps/console/src/components/pages/protected/procedures/procedures-table.tsx
@@ -78,7 +78,7 @@ export const ProceduresTable = () => {
             // onChange={handleSearch}
           />
         </div>
-        <Button            
+        <Button
             icon={<PlusIcon />}
             iconPosition="left"
             onClick={handleCreateNew}
diff --git a/apps/console/src/components/pages/protected/questionnaire/actions/actions.tsx b/apps/console/src/components/pages/protected/questionnaire/actions/actions.tsx
index 2a2c932f..b3f28699 100644
--- a/apps/console/src/components/pages/protected/questionnaire/actions/actions.tsx
+++ b/apps/console/src/components/pages/protected/questionnaire/actions/actions.tsx
@@ -95,7 +95,7 @@ export const Actions = ({
     })
   }
 
-    
+
   const handleDeleteTemplate = async () => {
     const response = await deleteTemplate({ deleteTemplateId: templateId })
 
@@ -144,7 +144,7 @@ export const Actions = ({
         </DropdownMenuGroup>
       </DropdownMenuContent>
     </DropdownMenu>
-    
+
     <AlertDialog open={isSendDialogOpen} onOpenChange={setIsSendDialogOpen}>
       <AlertDialogContent>
         <AlertDialogHeader>
diff --git a/apps/console/src/components/pages/protected/questionnaire/create.tsx b/apps/console/src/components/pages/protected/questionnaire/create.tsx
index 6dc4865f..9bfef924 100644
--- a/apps/console/src/components/pages/protected/questionnaire/create.tsx
+++ b/apps/console/src/components/pages/protected/questionnaire/create.tsx
@@ -13,21 +13,21 @@ export const CreateDropdown = () => {
     const router = useRouter()
 
     const [isTemplateDialogOpen, setTemplateDialogOpen] = useState(false);
-  
+
     const handleCreateNew = () => {
       router.push('/documents/questionnaire-editor')
     }
-  
+
     const {
       buttons,
     } = pageStyles()
-  
+
 
     return (
       <div className={buttons()} >
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
-            <Button            
+            <Button
                 icon={<PlusIcon />}
                 iconPosition="left"
                 onClick={handleCreateNew}
@@ -53,4 +53,3 @@ export const CreateDropdown = () => {
     </div>
     )
   }
-  
\ No newline at end of file
diff --git a/apps/console/src/components/pages/protected/questionnaire/questionnaire-editor.tsx b/apps/console/src/components/pages/protected/questionnaire/questionnaire-editor.tsx
index 48688de3..3dd1ac90 100644
--- a/apps/console/src/components/pages/protected/questionnaire/questionnaire-editor.tsx
+++ b/apps/console/src/components/pages/protected/questionnaire/questionnaire-editor.tsx
@@ -31,7 +31,7 @@ const creatorOptions = {
 };
 
 // Register the SurveyJS license key
-slk( 
+slk(
   surveyLicenseKey as string,
 )
 
@@ -45,7 +45,7 @@ export default function CreateQuestionnaire(input: { templateId: string, existin
 
   const creator = new SurveyCreator(creatorOptions);
   const themeTabPlugin = creator.themeEditor;
-  
+
   function addCustomTheme(theme: ITheme, userFriendlyThemeName : string) {
     // Add a localized user-friendly theme name
     if (theme.themeName) {
@@ -54,7 +54,7 @@ export default function CreateQuestionnaire(input: { templateId: string, existin
     // Add the theme to the theme list as the default theme
     themeTabPlugin.addTheme(theme, true);
   }
-    
+
   // Register a custom theme with Dark and Light variations
   addCustomTheme(lightTheme, customThemeName);
   addCustomTheme(darkTheme, customThemeName);
@@ -75,13 +75,13 @@ export default function CreateQuestionnaire(input: { templateId: string, existin
   const variables = { getTemplateId: input.existingId || input.templateId }
 
   const [templateResult] = useGetTemplateQuery({ variables });
-    
+
   if (templateResult.data) {
     creator.JSON = templateResult.data.template.jsonconfig;
   }
 
   // setup save function
-  const [template, createTemplateData] = useCreateTemplateMutation(); 
+  const [template, createTemplateData] = useCreateTemplateMutation();
   const [, updateTemplateData] = useUpdateTemplateMutation()
 
   const saveTemplate = async (data: any, saveNo : string, callback : any) => {
@@ -135,7 +135,7 @@ export default function CreateQuestionnaire(input: { templateId: string, existin
             title: 'A questionnaire with this name already exists, please choose a different name',
             variant: 'destructive',
           })
-        } else if (response.error.graphQLErrors[0].message == 'must be defined') { 
+        } else if (response.error.graphQLErrors[0].message == 'must be defined') {
 
           const missingField = response.error.graphQLErrors[0].path?.slice(-1)[0]
           toast({
diff --git a/apps/console/src/components/pages/protected/questionnaire/questionnaire-table.tsx b/apps/console/src/components/pages/protected/questionnaire/questionnaire-table.tsx
index cfadbd14..2c29a235 100644
--- a/apps/console/src/components/pages/protected/questionnaire/questionnaire-table.tsx
+++ b/apps/console/src/components/pages/protected/questionnaire/questionnaire-table.tsx
@@ -124,7 +124,7 @@ export const QuestionnairesTable = () => {
             onChange={handleSearch}
           />
         </div>
-      
+
         {createDropdown()}
 
       </div>
diff --git a/apps/console/src/components/pages/protected/questionnaire/questionnaire-viewer.tsx b/apps/console/src/components/pages/protected/questionnaire/questionnaire-viewer.tsx
index ea974f4d..151cb6f3 100644
--- a/apps/console/src/components/pages/protected/questionnaire/questionnaire-viewer.tsx
+++ b/apps/console/src/components/pages/protected/questionnaire/questionnaire-viewer.tsx
@@ -24,7 +24,7 @@ export default function ViewQuestionnaire(input: {existingId: string }) {
   // apply theme to the creator
   const themeContext = useTheme()
   const theme = themeContext.resolvedTheme as  "light" | "dark" | "white" | undefined
-  
+
   const variables = { getTemplateId: input.existingId}
   const [templateResult] = useGetTemplateQuery({ variables });
   const surveyJson   = templateResult?.data?.template?.jsonconfig;
diff --git a/apps/console/src/components/pages/protected/questionnaire/templates.tsx b/apps/console/src/components/pages/protected/questionnaire/templates.tsx
index c982b8dd..fba95324 100644
--- a/apps/console/src/components/pages/protected/questionnaire/templates.tsx
+++ b/apps/console/src/components/pages/protected/questionnaire/templates.tsx
@@ -50,7 +50,7 @@ export const TemplateList = () => {
   const formSchema = z.object({
     templateId: z.string(),
   })
-    
+
   type FormData = zInfer<typeof formSchema>
 
   const form = useForm<FormData>({
diff --git a/apps/console/src/components/shared/editor/plate.tsx b/apps/console/src/components/shared/editor/plate.tsx
index e8f96e6e..c1fd019d 100644
--- a/apps/console/src/components/shared/editor/plate.tsx
+++ b/apps/console/src/components/shared/editor/plate.tsx
@@ -87,7 +87,7 @@ const resetBlockTypesCommonRule = {
   types: [BlockquotePlugin.key, TodoListPlugin.key],
   defaultType: ParagraphPlugin.key,
 };
- 
+
 const resetBlockTypesCodeBlockRule = {
   types: [CodeBlockPlugin.key],
   defaultType: ParagraphPlugin.key,
@@ -279,7 +279,7 @@ export default function PlateEditor() {
   const handleChange = ({ value }: { value: typeof initialValue }) => {
       setEditorContent(value);
   };
-  
+
   return (
     <>
     <DndProvider backend={HTML5Backend}>
@@ -287,9 +287,9 @@ export default function PlateEditor() {
         <FixedToolbar>
           <FixedToolbarButtons />
         </FixedToolbar>
-        
+
           <Editor variant="fullWidth" />
-          
+
           <FloatingToolbar>
             <FloatingToolbarButtons />
           </FloatingToolbar>
diff --git a/apps/console/src/lib/auth/auth.ts b/apps/console/src/lib/auth/auth.ts
index 15a6e464..38cac2ed 100644
--- a/apps/console/src/lib/auth/auth.ts
+++ b/apps/console/src/lib/auth/auth.ts
@@ -69,7 +69,7 @@ export const config = {
       if (!allow) {
         return '/waitlist'
       }
- 
+
       // register user that signed in via oauth provider
       if (account?.type === 'oauth' || account?.type === 'oidc') {
         const oauthUser = {
@@ -108,7 +108,7 @@ export const config = {
       return true
     },
     jwt({ token, user, account, profile, trigger, session }) {
-      /* 
+      /*
       set tokens on user
       */
       if (typeof user !== 'undefined') {
diff --git a/apps/console/src/lib/authz/utils.ts b/apps/console/src/lib/authz/utils.ts
index 7a70aed8..f1227c25 100644
--- a/apps/console/src/lib/authz/utils.ts
+++ b/apps/console/src/lib/authz/utils.ts
@@ -26,7 +26,7 @@ export const featureObject = "feature";
 *
 * @objectId: the id of the object being checked, usually the organization id
 * @objectType: the type of the object being checked, usually organization
-* @relation: the relation being checked 
+* @relation: the relation being checked
 */
 export type CheckTuple = {
   objectId: string,
@@ -34,11 +34,11 @@ export type CheckTuple = {
   relation: string
 }
 
-/* 
+/*
 * Returns if the current user has access to the specified relation
 * @param session: the current user's session
 * @param relation: the relation to check
-* 
+*
 */
 export const checkPermissions = async (session: Session | null, relation: string) => {
   // get the current user's organization and access token for authorization
diff --git a/apps/storybook/.storybook/openlane.ts b/apps/storybook/.storybook/openlane.ts
index 9be673c3..6e8d1cfa 100644
--- a/apps/storybook/.storybook/openlane.ts
+++ b/apps/storybook/.storybook/openlane.ts
@@ -5,14 +5,14 @@ export default create({
   // Typography
   fontBase: '"Outfit", sans-serif',
   fontCode: 'monospace',
-  
+
   brandTitle: 'Openlane Brandbook',
   brandUrl: 'https://www.theopenlane.io',
   brandImage:
     'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDM4OC42NiA3My42MSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzQ2NTE1YzsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTIgewogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICM2NmM1YjM7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMzLjAyLDcuMTZMMy4zNSw1OC4yMmMtNC41Myw3LjgtLjgyLDE0LjE4LDguMjQsMTQuMThoNTkuMzVjNy43NywwLDEyLjMxLTYuNDQsOC40NS0xMy40My0xLjc0LTMuMTUtMy42LTYuMjQtNS40LTkuMzYtNS45MS0xMC4yNC0xMS44Mi0yMC40Ny0xNy43My0zMC43MS0yLjM3LTQuMS00LjczLTguMi03LjEtMTIuMy00LjU2LTcuMjQtMTEuNzItNy4wNy0xNi4xNC41NHYuMDJaIi8+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIwLjE5LDguMTFjLTE0LjA0LDAtMjMuODQsOS44Ni0yMy44NCwyMy45N3M5LjgsMjMuOTcsMjMuODQsMjMuOTcsMjMuODQtOS44NiwyMy44NC0yMy45Ny05LjgtMjMuOTctMjMuODQtMjMuOTdaTTEyMC4xOSw1MC4xOWMtMTAuNzIsMC0xNy45Mi03LjI4LTE3LjkyLTE4LjExczcuMi0xOC4xMSwxNy45Mi0xOC4xMSwxNy45OCw3LjI4LDE3Ljk4LDE4LjExLTcuMjMsMTguMTEtMTcuOTgsMTguMTFaIi8+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTY3LjQyLDE5LjY5Yy01LjMsMC05Ljk1LDItMTMuMTQsNS41NmwtLjI4LTQuNzRoLTUuMDR2NDcuMzdoNS42N3YtMTcuMDRjMy4yMywzLjM0LDcuNzUsNS4yMSwxMi43OSw1LjIxLDEwLjI5LDAsMTcuNzctNy42NiwxNy43Ny0xOC4yMXMtNy40Ny0xOC4xNS0xNy43Ny0xOC4xNVpNMTY3LjA0LDI1LjIzYzcuNDYsMCwxMi40OCw1LjA3LDEyLjQ4LDEyLjZzLTUuMDEsMTIuNjctMTIuNDgsMTIuNjctMTIuNTQtNS4wOS0xMi41NC0xMi42Nyw1LjE2LTEyLjYsMTIuNTQtMTIuNloiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMDYuODksMTkuNjljLTEwLjQ2LDAtMTcuNzcsNy40Ni0xNy43NywxOC4xNXM3LjI4LDE4LjIxLDE3LjcxLDE4LjIxYzcuNjUsMCwxNC4wNy00LjEyLDE2Ljc1LTEwLjc1bC41NS0xLjM1LTYuMi0uMS0uMjguNTZjLTEuOTksMy45MS01LjkzLDYuMTYtMTAuODEsNi4xNi02LjMzLDAtMTAuODgtMy45Ny0xMS44NS0xMC4yMWgyOS41OWwuMDItLjk4Yy4xNC01Ljk1LTEuNy0xMS4xOC01LjE2LTE0LjczLTMuMTctMy4yNS03LjUxLTQuOTYtMTIuNTUtNC45NmgwWk0yMDYuODksMjUuMTdjNi4yOCwwLDEwLjc2LDMuNzksMTEuOTMsOS45NmgtMjMuODRjLjk4LTYuMDksNS41NS05Ljk2LDExLjktOS45NmgwWiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI0Ni43NSwxOS42OWMtNC42NywwLTguNzQsMS44NS0xMS41NSw1LjE2bC0uMjItNC4zNGgtNS4wNXYzNC43MWg1LjY3di0xNy45NmMwLTcuMiw0LjMtMTIuMDQsMTAuNzEtMTIuMDQsNS45OSwwLDkuNTcsNC4xOSw5LjU3LDExLjIxdjE4Ljc4aDUuNjd2LTE5LjFjMC05Ljk5LTUuODEtMTYuNDQtMTQuNzktMTYuNDR2LjAyWiIvPgogIDxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMjY4LjA3IiB5PSI4LjIxIiB3aWR0aD0iNS42NyIgaGVpZ2h0PSI0Ny4wMiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI5NS45LDE5LjY5Yy03LjQsMC0xMy4wNiw0LjA3LTE0Ljc2LDEwLjYybC0uMzMsMS4yNWg1Ljc0bC4yMy0uNjhjMS4yMS0zLjU2LDQuNzItNS43OCw5LjE4LTUuNzgsNS41LDAsOS4wNiwzLjE2LDkuMDYsOC4wNXYxLjM0aC0xMy40M2MtNy4zNywwLTEyLjE0LDQuMTItMTIuMTQsMTAuNDlzNS4yNCwxMC43NSwxMy4zNCwxMC43NWM1LjE1LDAsOS41NS0xLjYzLDEyLjY0LTQuNjVsLjI4LDQuMTRoNC45N3YtMjIuMjZjMC03LjgyLTYuMDgtMTMuMjgtMTQuNzktMTMuMjhoLjAxWk0yOTIuOTMsNTAuNDRjLTQuODEsMC03LjgtMi4xMS03LjgtNS41MiwwLTMuMTEsMi42NS01LjIsNi41OS01LjJoMTMuMzd2LjM5YzAsNS45OC01LjEyLDEwLjMzLTEyLjE2LDEwLjMzWiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMzMi44NCwxOS42OWMtNC42NywwLTguNzQsMS44NS0xMS41NSw1LjE2bC0uMjItNC4zNGgtNS4wNXYzNC43MWg1LjY3di0xNy45NmMwLTcuMiw0LjMtMTIuMDQsMTAuNzEtMTIuMDQsNS45OSwwLDkuNTcsNC4xOSw5LjU3LDExLjIxdjE4Ljc4aDUuNjd2LTE5LjFjMC05Ljk5LTUuODEtMTYuNDQtMTQuNzktMTYuNDR2LjAyWiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM4Ny4yNCwzOS4zOGMuMTQtNS45NS0xLjctMTEuMTgtNS4xNi0xNC43My0zLjE3LTMuMjUtNy41MS00Ljk2LTEyLjU1LTQuOTYtMTAuNDYsMC0xNy43Nyw3LjQ2LTE3Ljc3LDE4LjE1czcuMjgsMTguMjEsMTcuNzEsMTguMjFjNy42NSwwLDE0LjA3LTQuMTIsMTYuNzUtMTAuNzVsLjU1LTEuMzUtNi4yLS4xLS4yOC41NmMtMS45OSwzLjkxLTUuOTMsNi4xNi0xMC44MSw2LjE2LTYuMzMsMC0xMC44OC0zLjk3LTExLjg1LTEwLjIxaDI5LjU5bC4wMi0uOThoMFpNMzY5LjUzLDI1LjE3YzYuMjgsMCwxMC43NiwzLjc5LDExLjkzLDkuOTZoLTIzLjg0Yy45OC02LjA5LDUuNTUtOS45NiwxMS45LTkuOTZoLjAxWiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQzLjA0LDYxLjMyYy0xLjI1LTEuNi0yLjM0LTMuNDgtMi4zMy01LjUxLjAyLTguNDksMTMuNzktMTIuMzIsMTguODctMTcuMDcsMS45OS0xLjg2LDMuNTktNC4zNCw0LjExLTYuOTZsLTYuODQtMTEuODVjLTEuNzItMS4xNC0zLjU4LTIuMTEtNS40My0zLjAxLTQuMjQtMi4wNy0xMy4wMy01LjM4LTE5Ljg5LTcuMTdsLTEuMjksMi4yM2MuNTEuMjYsMS4wMi41MSwxLjUzLjc3LDMuMTYsMS42MSw2LjM0LDMuMjUsOS4wMyw1LjYxLDEuMDQuOTEsMi4wMywxLjk5LDIuNCwzLjMyLjUyLDEuOS0uMzcsMy45Ni0xLjc1LDUuMzctNSw1LjA1LTEzLjk0LDYuNDktMjAuMzQsOC45Ny0yLjE5Ljg1LTQuMzYsMS43Ny02LjQ3LDIuODFMMy4zNSw1OC4yMmMtNC41Myw3LjgtLjgyLDE0LjE4LDguMjQsMTQuMThoNDkuODJjLTEuNzktLjQ5LTMuNTctMS4wOC01LjM4LTEuODEtNC45OS0yLjAxLTkuNjctNS4wNC0xMi45OC05LjI4aDBaIi8+Cjwvc3ZnPg==',
   brandTarget: '_self',
 
-  // 
+  //
   colorPrimary: '#e9f1f5',
   colorSecondary: '#082930',
 
diff --git a/apps/storybook/src/stories/Introduction.mdx b/apps/storybook/src/stories/Introduction.mdx
index f62d1686..40e4e781 100644
--- a/apps/storybook/src/stories/Introduction.mdx
+++ b/apps/storybook/src/stories/Introduction.mdx
@@ -16,8 +16,8 @@ import { PageHeading } from '@repo/ui/page-heading'
 
 ## Introduction
 
-In this project, we’re using Storybook.js to create a visual, interactive library of components. 
-Each story showcases a single component’s functionality, state, and potential use cases, making development more efficient and collaborative. 
+In this project, we’re using Storybook.js to create a visual, interactive library of components.
+Each story showcases a single component’s functionality, state, and potential use cases, making development more efficient and collaborative.
 Storybook enables developers, designers, and testers to view and play with each component in isolation, ensuring they’re robust and ready for production.
 
 That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
diff --git a/packages/codegen/query/organzation.graphql b/packages/codegen/query/organzation.graphql
deleted file mode 100644
index 0ea56389..00000000
--- a/packages/codegen/query/organzation.graphql
+++ /dev/null
@@ -1,135 +0,0 @@
-query GetAllOrganizations {
-  organizations {
-    edges {
-      node {
-        id
-        name
-        displayName
-        avatarRemoteURL
-        description
-        personalOrg
-        parent {
-          id
-          name
-        }
-        children {
-          edges {
-            node {
-              id
-              name
-              displayName
-              description
-            }
-          }
-        }
-        members {
-          id
-          role
-          user {
-            id
-            firstName
-            lastName
-          }
-        }
-        setting {
-          id
-          createdAt
-          updatedAt
-          createdBy
-          updatedBy
-          domains
-          billingContact
-          billingEmail
-          billingPhone
-          billingAddress
-          taxIdentifier
-          tags
-          geoLocation
-        }
-        createdAt
-        updatedAt
-      }
-    }
-  }
-}
-
-query GetOrganizationNameByID($organizationId: ID!) {
-  organization(id: $organizationId) {
-    name
-    displayName
-  }
-}
-
-query GetOrganizationMembers($organizationId: ID!) {
-  organization(id: $organizationId) {
-    members {
-      id
-      createdAt
-      role
-      user {
-        id
-        firstName
-        lastName
-        authProvider
-        avatarRemoteURL
-        email
-        role
-        createdAt
-      }
-    }
-  }
-}
-
-query GetInvites {
-  invites {
-    edges {
-      node {
-        id
-        recipient
-        status
-        createdAt
-        expires
-        role
-      }
-    }
-  }
-}
-
-mutation CreateOrganization($input: CreateOrganizationInput!) {
-  createOrganization(input: $input) {
-    organization {
-      id
-    }
-  }
-}
-
-mutation UpdateOrganization(
-  $updateOrganizationId: ID!
-  $input: UpdateOrganizationInput!
-) {
-  updateOrganization(id: $updateOrganizationId, input: $input) {
-    organization {
-      id
-    }
-  }
-}
-
-mutation CreateBulkInvite($input: [CreateInviteInput!]) {
-  createBulkInvite(input: $input) {
-    invites {
-      id
-    }
-  }
-}
-
-mutation DeleteOrganizationInvite($deleteInviteId: ID!) {
-  deleteInvite(id: $deleteInviteId) {
-    deletedID
-  }
-}
-
-mutation DeleteOrganization($deleteOrganizationId: ID!) {
-  deleteOrganization(id: $deleteOrganizationId) {
-    deletedID
-  }
-}
diff --git a/packages/dally/src/index.ts b/packages/dally/src/index.ts
index b8cd383b..b6b3abcd 100644
--- a/packages/dally/src/index.ts
+++ b/packages/dally/src/index.ts
@@ -4,7 +4,7 @@ export const openlaneGQLUrl = `${process.env.NEXT_PUBLIC_OPENLANE_URL!}/query`
 export const sessionCookieName = process.env.SESSION_COOKIE_NAME
 export const sessionCookieExpiration = process.env.SESSION_COOKIE_EXPIRATION_MINUTES
 export const allowedLoginDomains = process.env.NEXT_PUBLIC_ALLOWED_LOGIN_DOMAINS?.split(',') || []
-export const includeQuestionnaireCreation = process.env.NEXT_PUBLIC_INCLUDE_QUESTIONNAIRE_CREATION 
+export const includeQuestionnaireCreation = process.env.NEXT_PUBLIC_INCLUDE_QUESTIONNAIRE_CREATION
 export const surveyLicenseKey = process.env.NEXT_PUBLIC_SURVEYJS_KEY
 export const stripePricingTableId = process.env.NEXT_PUBLIC_STRIPE_PRICING_TABLE_ID
 export const stripePublishableKey = process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
\ No newline at end of file
diff --git a/packages/tailwind-config/tailwind.config.ts b/packages/tailwind-config/tailwind.config.ts
index 48aed192..04ca6fb3 100644
--- a/packages/tailwind-config/tailwind.config.ts
+++ b/packages/tailwind-config/tailwind.config.ts
@@ -33,7 +33,7 @@ export const config: Omit<Config, 'content'> = {
           '100': '#c8ffef',
           '200': '#96ffe4',
           '300': '#53ffdd',
-          '400': '#09f1c7', // button color 
+          '400': '#09f1c7', // button color
           '500': '#00deb7',
           '600': '#00b696',
           '700': '#00927d',
@@ -93,7 +93,7 @@ export const config: Omit<Config, 'content'> = {
           '900': '#363b43',
           '950': '#21252b',
       },
-        'oxford-blue': { 
+        'oxford-blue': {
             '50': '#f2f7f9',
             '100': '#dfeaee',
             '200': '#c2d7df',
diff --git a/packages/ui/src/dropdown-menu/dropdown-menu.styles.tsx b/packages/ui/src/dropdown-menu/dropdown-menu.styles.tsx
index 3cc1d96a..e752fafc 100644
--- a/packages/ui/src/dropdown-menu/dropdown-menu.styles.tsx
+++ b/packages/ui/src/dropdown-menu/dropdown-menu.styles.tsx
@@ -24,7 +24,7 @@ export const dropdownMenuStyles = tv({
     menuLabel: 'px-2 py-1.5 text-sm font-semibold',
     menuShortcut: 'ml-auto text-sm tracking-widest opacity-60',
   },
-  variants: { 
+  variants: {
     inset: {
       true: {
         subTrigger: 'pl-8',
diff --git a/packages/ui/src/logo/logo.tsx b/packages/ui/src/logo/logo.tsx
index e272cf5d..6393dcfc 100644
--- a/packages/ui/src/logo/logo.tsx
+++ b/packages/ui/src/logo/logo.tsx
@@ -22,7 +22,7 @@ export const Logo = ({ theme, width = 385, asIcon = false }: LogoProps) => {
       width={width}
     >
       <path
-        className={iconBackground()}  
+        className={iconBackground()}
         d="M32.44 6.57 2.76 57.64c-4.53 7.8-.82 14.18 8.24 14.18h59.35c7.77 0 12.31-6.44 8.45-13.43-1.74-3.15-3.6-6.24-5.4-9.36-5.91-10.24-11.82-20.47-17.73-30.71-2.37-4.1-4.73-8.2-7.1-12.3-4.56-7.24-11.72-7.07-16.14.54h.01Z"
       />
       <path
@@ -42,40 +42,40 @@ return (
     className={base()}
   >
     <path
-     className={iconBackground()}  
+     className={iconBackground()}
       d="M33.02,7.16L3.35,58.22c-4.53,7.8-.82,14.18,8.24,14.18h59.35c7.77,0,12.31-6.44,8.45-13.43-1.74-3.15-3.6-6.24-5.4-9.36-5.91-10.24-11.82-20.47-17.73-30.71-2.37-4.1-4.73-8.2-7.1-12.3-4.56-7.24-11.72-7.07-16.14.54v.02Z"
     />
     <path
-      className={text()}  
+      className={text()}
       d="M120.19,8.11c-14.04,0-23.84,9.86-23.84,23.97s9.8,23.97,23.84,23.97,23.84-9.86,23.84-23.97-9.8-23.97-23.84-23.97ZM120.19,50.19c-10.72,0-17.92-7.28-17.92-18.11s7.2-18.11,17.92-18.11,17.98,7.28,17.98,18.11-7.23,18.11-17.98,18.11Z"
     />
     <path
-      className={text()}  
+      className={text()}
       d="M167.42,19.69c-5.3,0-9.95,2-13.14,5.56l-.28-4.74h-5.04v47.37h5.67v-17.04c3.23,3.34,7.75,5.21,12.79,5.21,10.29,0,17.77-7.66,17.77-18.21s-7.47-18.15-17.77-18.15ZM167.04,25.23c7.46,0,12.48,5.07,12.48,12.6s-5.01,12.67-12.48,12.67-12.54-5.09-12.54-12.67,5.16-12.6,12.54-12.6Z"
     />
     <path
-      className={text()}  
+      className={text()}
       d="M206.89,19.69c-10.46,0-17.77,7.46-17.77,18.15s7.28,18.21,17.71,18.21c7.65,0,14.07-4.12,16.75-10.75l.55-1.35-6.2-.1-.28.56c-1.99,3.91-5.93,6.16-10.81,6.16-6.33,0-10.88-3.97-11.85-10.21h29.59l.02-.98c.14-5.95-1.7-11.18-5.16-14.73-3.17-3.25-7.51-4.96-12.55-4.96h0ZM206.89,25.17c6.28,0,10.76,3.79,11.93,9.96h-23.84c.98-6.09,5.55-9.96,11.9-9.96h0Z"
     />
     <path
-      className={text()}  
+      className={text()}
       d="M246.75,19.69c-4.67,0-8.74,1.85-11.55,5.16l-.22-4.34h-5.05v34.71h5.67v-17.96c0-7.2,4.3-12.04,10.71-12.04,5.99,0,9.57,4.19,9.57,11.21v18.78h5.67v-19.1c0-9.99-5.81-16.44-14.79-16.44v.02Z"
     />
     <rect className={text()}   x={268.07} y={8.21} width={5.67} height={47.02} />
     <path
-      className={text()}  
+      className={text()}
       d="M295.9,19.69c-7.4,0-13.06,4.07-14.76,10.62l-.33,1.25h5.74l.23-.68c1.21-3.56,4.72-5.78,9.18-5.78,5.5,0,9.06,3.16,9.06,8.05v1.34h-13.43c-7.37,0-12.14,4.12-12.14,10.49s5.24,10.75,13.34,10.75c5.15,0,9.55-1.63,12.64-4.65l.28,4.14h4.97v-22.26c0-7.82-6.08-13.28-14.79-13.28h.01ZM292.93,50.44c-4.81,0-7.8-2.11-7.8-5.52,0-3.11,2.65-5.2,6.59-5.2h13.37v.39c0,5.98-5.12,10.33-12.16,10.33Z"
     />
     <path
-      className={text()}  
+      className={text()}
       d="M332.84,19.69c-4.67,0-8.74,1.85-11.55,5.16l-.22-4.34h-5.05v34.71h5.67v-17.96c0-7.2,4.3-12.04,10.71-12.04,5.99,0,9.57,4.19,9.57,11.21v18.78h5.67v-19.1c0-9.99-5.81-16.44-14.79-16.44v.02Z"
     />
     <path
-      className={text()}  
+      className={text()}
       d="M387.24,39.38c.14-5.95-1.7-11.18-5.16-14.73-3.17-3.25-7.51-4.96-12.55-4.96-10.46,0-17.77,7.46-17.77,18.15s7.28,18.21,17.71,18.21c7.65,0,14.07-4.12,16.75-10.75l.55-1.35-6.2-.1-.28.56c-1.99,3.91-5.93,6.16-10.81,6.16-6.33,0-10.88-3.97-11.85-10.21h29.59l.02-.98h0ZM369.53,25.17c6.28,0,10.76,3.79,11.93,9.96h-23.84c.98-6.09,5.55-9.96,11.9-9.96h.01Z"
     />
     <path
-      className={icon()}  
+      className={icon()}
       d="M43.04,61.32c-1.25-1.6-2.34-3.48-2.33-5.51.02-8.49,13.79-12.32,18.87-17.07,1.99-1.86,3.59-4.34,4.11-6.96l-6.84-11.85c-1.72-1.14-3.58-2.11-5.43-3.01-4.24-2.07-13.03-5.38-19.89-7.17l-1.29,2.23c.51.26,1.02.51,1.53.77,3.16,1.61,6.34,3.25,9.03,5.61,1.04.91,2.03,1.99,2.4,3.32.52,1.9-.37,3.96-1.75,5.37-5,5.05-13.94,6.49-20.34,8.97-2.19.85-4.36,1.77-6.47,2.81L3.35,58.22c-4.53,7.8-.82,14.18,8.24,14.18h49.82c-1.79-.49-3.57-1.08-5.38-1.81-4.99-2.01-9.67-5.04-12.98-9.28h0Z"
     />
   </svg>
diff --git a/packages/ui/src/plate-ui/code-block-element.css b/packages/ui/src/plate-ui/code-block-element.css
index cc748ce5..4d8a80ef 100644
--- a/packages/ui/src/plate-ui/code-block-element.css
+++ b/packages/ui/src/plate-ui/code-block-element.css
@@ -18,7 +18,7 @@
    -ms-hyphens: none;
    hyphens: none;
  }
- 
+
  /* Selection */
  .slate-code_block [class*='language-']::-moz-selection,
  .slate-code_block [class*='language-'] *::-moz-selection,
@@ -26,14 +26,14 @@
    background: hsl(230, 1%, 90%);
    color: inherit;
  }
- 
+
  .slate-code_block code[class*='language-']::selection,
  .slate-code_block code[class*='language-'] *::selection,
  .slate-code_block pre[class*='language-'] *::selection {
    background: hsl(230, 1%, 90%);
    color: inherit;
  }
- 
+
  /* Code blocks */
  .slate-code_block pre[class*='language-'] {
    padding: 1em;
@@ -41,26 +41,26 @@
    overflow: auto;
    border-radius: 0.3em;
  }
- 
+
  /* Inline code */
  .slate-code_block :not(pre) > code[class*='language-'] {
    padding: 0.2em 0.3em;
    border-radius: 0.3em;
    white-space: normal;
  }
- 
+
  .token.comment,
  .token.prolog,
  .token.cdata {
    color: hsl(230, 4%, 64%);
  }
- 
+
  .token.doctype,
  .token.punctuation,
  .token.entity {
    color: hsl(230, 8%, 24%);
  }
- 
+
  .token.attr-name,
  .token.class-name,
  .token.boolean,
@@ -69,11 +69,11 @@
  .token.atrule {
    color: hsl(35, 99%, 36%);
  }
- 
+
  .token.keyword {
    color: hsl(301, 63%, 40%);
  }
- 
+
  .token.property,
  .token.tag,
  .token.symbol,
@@ -81,7 +81,7 @@
  .token.important {
    color: hsl(5, 74%, 59%);
  }
- 
+
  .token.selector,
  .token.string,
  .token.char,
@@ -92,129 +92,129 @@
  .token.attr-value > .token.punctuation {
    color: hsl(119, 34%, 47%);
  }
- 
+
  .token.variable,
  .token.operator,
  .token.function {
    color: hsl(221, 87%, 60%);
  }
- 
+
  .token.url {
    color: hsl(198, 99%, 37%);
  }
- 
+
  /* HTML overrides */
  .token.attr-value > .token.punctuation.attr-equals,
  .token.special-attr > .token.attr-value > .token.value.css {
    color: hsl(230, 8%, 24%);
  }
- 
+
  /* CSS overrides */
  .language-css .token.selector {
    color: hsl(5, 74%, 59%);
  }
- 
+
  .language-css .token.property {
    color: hsl(230, 8%, 24%);
  }
- 
+
  .language-css .token.function,
  .language-css .token.url > .token.function {
    color: hsl(198, 99%, 37%);
  }
- 
+
  .language-css .token.url > .token.string.url {
    color: hsl(119, 34%, 47%);
  }
- 
+
  .language-css .token.important,
  .language-css .token.atrule .token.rule {
    color: hsl(301, 63%, 40%);
  }
- 
+
  /* JS overrides */
  .language-javascript .token.operator {
    color: hsl(301, 63%, 40%);
  }
- 
+
  .language-javascript
    .token.template-string
    > .token.interpolation
    > .token.interpolation-punctuation.punctuation {
    color: hsl(344, 84%, 43%);
  }
- 
+
  /* JSON overrides */
  .language-json .token.operator {
    color: hsl(230, 8%, 24%);
  }
- 
+
  .language-json .token.null.keyword {
    color: hsl(35, 99%, 36%);
  }
- 
+
  /* MD overrides */
  .language-markdown .token.url,
  .language-markdown .token.url > .token.operator,
  .language-markdown .token.url-reference.url > .token.string {
    color: hsl(230, 8%, 24%);
  }
- 
+
  .language-markdown .token.url > .token.content {
    color: hsl(221, 87%, 60%);
  }
- 
+
  .language-markdown .token.url > .token.url,
  .language-markdown .token.url-reference.url {
    color: hsl(198, 99%, 37%);
  }
- 
+
  .language-markdown .token.blockquote.punctuation,
  .language-markdown .token.hr.punctuation {
    color: hsl(230, 4%, 64%);
    font-style: italic;
  }
- 
+
  .language-markdown .token.code-snippet {
    color: hsl(119, 34%, 47%);
  }
- 
+
  .language-markdown .token.bold .token.content {
    color: hsl(35, 99%, 36%);
  }
- 
+
  .language-markdown .token.italic .token.content {
    color: hsl(301, 63%, 40%);
  }
- 
+
  .language-markdown .token.strike .token.content,
  .language-markdown .token.strike .token.punctuation,
  .language-markdown .token.list.punctuation,
  .language-markdown .token.title.important > .token.punctuation {
    color: hsl(5, 74%, 59%);
  }
- 
+
  /* General */
  .token.bold {
    font-weight: bold;
  }
- 
+
  .token.comment,
  .token.italic {
    font-style: italic;
  }
- 
+
  .token.entity {
    cursor: help;
  }
- 
+
  .token.namespace {
    opacity: 0.8;
  }
- 
+
  /* Plugin overrides */
  /* Selectors should have higher specificity than those in the plugins' default stylesheets */
- 
+
  /* Show Invisibles plugin overrides */
  .token.token.tab:not(:empty):before,
  .token.token.cr:before,
@@ -222,13 +222,13 @@
  .token.token.space:before {
    color: hsla(230, 8%, 24%, 0.2);
  }
- 
+
  /* Toolbar plugin overrides */
  /* Space out all buttons and move them away from the right edge of the code block */
  div.code-toolbar > .toolbar.toolbar > .toolbar-item {
    margin-right: 0.4em;
  }
- 
+
  /* Styling the buttons */
  div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
  div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
@@ -238,7 +238,7 @@
    padding: 0.1em 0.4em;
    border-radius: 0.3em;
  }
- 
+
  div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
  div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,
  div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
@@ -248,13 +248,13 @@
    background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */
    color: hsl(230, 8%, 24%);
  }
- 
+
  /* Line Highlight plugin overrides */
  /* The highlighted line itself */
  .line-highlight.line-highlight {
    background: hsla(230, 8%, 24%, 0.05);
  }
- 
+
  /* Default line numbers in Line Highlight plugin */
  .line-highlight.line-highlight:before,
  .line-highlight.line-highlight[data-end]:after {
@@ -264,7 +264,7 @@
    border-radius: 0.3em;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
  }
- 
+
  /* Hovering over a linkable line number (in the gutter area) */
  /* Requires Line Numbers plugin as well */
  pre[id].linkable-line-numbers.linkable-line-numbers
@@ -272,20 +272,20 @@
    > span:hover:before {
    background-color: hsla(230, 8%, 24%, 0.05);
  }
- 
+
  /* Line Numbers and Command Line plugins overrides */
  /* Line separating gutter from coding area */
  .line-numbers.line-numbers .line-numbers-rows,
  .command-line .command-line-prompt {
    border-right-color: hsla(230, 8%, 24%, 0.2);
  }
- 
+
  /* Stuff in the gutter */
  .line-numbers .line-numbers-rows > span:before,
  .command-line .command-line-prompt > span:before {
    color: hsl(230, 1%, 62%);
  }
- 
+
  /* Match Braces plugin overrides */
  /* Note: Outline colour is inherited from the braces */
  .rainbow-braces .token.token.punctuation.brace-level-1,
@@ -293,65 +293,65 @@
  .rainbow-braces .token.token.punctuation.brace-level-9 {
    color: hsl(5, 74%, 59%);
  }
- 
+
  .rainbow-braces .token.token.punctuation.brace-level-2,
  .rainbow-braces .token.token.punctuation.brace-level-6,
  .rainbow-braces .token.token.punctuation.brace-level-10 {
    color: hsl(119, 34%, 47%);
  }
- 
+
  .rainbow-braces .token.token.punctuation.brace-level-3,
  .rainbow-braces .token.token.punctuation.brace-level-7,
  .rainbow-braces .token.token.punctuation.brace-level-11 {
    color: hsl(221, 87%, 60%);
  }
- 
+
  .rainbow-braces .token.token.punctuation.brace-level-4,
  .rainbow-braces .token.token.punctuation.brace-level-8,
  .rainbow-braces .token.token.punctuation.brace-level-12 {
    color: hsl(301, 63%, 40%);
  }
- 
+
  /* Diff Highlight plugin overrides */
  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
  pre.diff-highlight > code .token.token.deleted:not(.prefix),
  pre > code.diff-highlight .token.token.deleted:not(.prefix) {
    background-color: hsla(353, 100%, 66%, 0.15);
  }
- 
+
  pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
  pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
  pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
  pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
    background-color: hsla(353, 95%, 66%, 0.25);
  }
- 
+
  pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
  pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
  pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
  pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
    background-color: hsla(353, 95%, 66%, 0.25);
  }
- 
+
  pre.diff-highlight > code .token.token.inserted:not(.prefix),
  pre > code.diff-highlight .token.token.inserted:not(.prefix) {
    background-color: hsla(137, 100%, 55%, 0.15);
  }
- 
+
  pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
  pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
  pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
  pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
    background-color: hsla(135, 73%, 55%, 0.25);
  }
- 
+
  pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
  pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
  pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
  pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
    background-color: hsla(135, 73%, 55%, 0.25);
  }
- 
+
  /* Previewers plugin overrides */
  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */
  /* Border around popup */
@@ -359,30 +359,30 @@
  .prism-previewer-gradient.prism-previewer-gradient div {
    border-color: hsl(0, 0, 95%);
  }
- 
+
  /* Angle and time should remain as circles and are hence not included */
  .prism-previewer-color.prism-previewer-color:before,
  .prism-previewer-gradient.prism-previewer-gradient div,
  .prism-previewer-easing.prism-previewer-easing:before {
    border-radius: 0.3em;
  }
- 
+
  /* Triangles pointing to the code */
  .prism-previewer.prism-previewer:after {
    border-top-color: hsl(0, 0, 95%);
  }
- 
+
  .prism-previewer-flipped.prism-previewer-flipped.after {
    border-bottom-color: hsl(0, 0, 95%);
  }
- 
+
  /* Background colour within the popup */
  .prism-previewer-angle.prism-previewer-angle:before,
  .prism-previewer-time.prism-previewer-time:before,
  .prism-previewer-easing.prism-previewer-easing {
    background: hsl(0, 0%, 100%);
  }
- 
+
  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
  /* For time, this is the alternate colour */
  .prism-previewer-angle.prism-previewer-angle circle,
@@ -390,16 +390,15 @@
    stroke: hsl(230, 8%, 24%);
    stroke-opacity: 1;
  }
- 
+
  /* Stroke colours of the handle, direction point, and vector itself */
  .prism-previewer-easing.prism-previewer-easing circle,
  .prism-previewer-easing.prism-previewer-easing path,
  .prism-previewer-easing.prism-previewer-easing line {
    stroke: hsl(230, 8%, 24%);
  }
- 
+
  /* Fill colour of the handle */
  .prism-previewer-easing.prism-previewer-easing circle {
    fill: transparent;
  }
- 
\ No newline at end of file
diff --git a/packages/ui/src/plate-ui/fixed-toolbar-buttons.tsx b/packages/ui/src/plate-ui/fixed-toolbar-buttons.tsx
index a1c6e7a8..cae6952a 100644
--- a/packages/ui/src/plate-ui/fixed-toolbar-buttons.tsx
+++ b/packages/ui/src/plate-ui/fixed-toolbar-buttons.tsx
@@ -71,7 +71,7 @@ export function FixedToolbarButtons() {
               <Redo />
             </MarkToolbarButton>
           </ToolbarGroup>
-          
+
           <ToolbarGroup>
             <InsertDropdownMenu />
             <TurnIntoDropdownMenu />
diff --git a/packages/ui/src/plate-ui/mention-input-element.tsx b/packages/ui/src/plate-ui/mention-input-element.tsx
index f42e9557..0a91df95 100644
--- a/packages/ui/src/plate-ui/mention-input-element.tsx
+++ b/packages/ui/src/plate-ui/mention-input-element.tsx
@@ -100,7 +100,7 @@ export const MENTIONABLES = [
     key: '12',
     text: 'Aiolin and Morit Astarte',
   },
-  { key: '13', text: 'Aks Moe' },
+  { key: '13', text: 'Ask Moe' },
   { key: '14', text: 'Almec' },
   { key: '15', text: 'Alton Kastle' },
   { key: '16', text: 'Amee' },