Update UI elements and enhance security measures

Changes are introduced primarily to the site header buttons and styles, as well as some content corrections. Also, the SUPABASE_SERVICE_ROLE_KEY environment variable is now sanitized before use to prevent potential security vulnerabilities. The function 'taintUniqueValue' from React is used to ensure this process. These changes align with good practices for both UI/UX and security.

apps/web/app/(marketing)/_components/site-header-account-section.tsx

@@ -68,7 +68,12 @@ function AuthButtons() {
       </div>
 
       <Link href={pathsConfig.auth.signUp}>
-        <Button variant={'ghost'} className={'border border-primary'}>
+        <Button
+          variant={'ghost'}
+          className={
+            'rounded-full border border-primary hover:bg-primary hover:text-primary-foreground'
+          }
+        >
           <Trans i18nKey={'auth:getStarted'} />
           <ChevronRight className={'h-4'} />
         </Button>

apps/web/app/(marketing)/_components/site-header.tsx

@@ -6,7 +6,7 @@ import { AppLogo } from '~/components/app-logo';
 
 export function SiteHeader(props: { user?: User | null }) {
   return (
-    <div className={'border-b'}>
+    <div>
       <div className={'container mx-auto'}>
         <div className="flex h-16 items-center justify-between">
           <div className={'flex w-6/12 items-center space-x-8'}>