docs: Sveltekit connect guide update (supabase#28964)

docs: sveltekit connect guide update Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>

Author: JR-G

apps/studio/components/interfaces/Home/Connect/content/sveltekit/supabasejs/content.tsx

@@ -21,8 +21,8 @@ const ContentFile = ({ projectKeys }: ContentFileProps) => {
  <ConnectTabContent value=".env.local">
  <SimpleCodeBlock className="bash" parentClassName="min-h-72">
  {`
-SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}
-SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}
+PUBLIC_SUPABASE_URL=${projectKeys.apiUrl ?? 'your-project-url'}
+PUBLIC_SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}
  `}
  </SimpleCodeBlock>
  </ConnectTabContent>
@@ -31,9 +31,10 @@ SUPABASE_ANON_KEY=${projectKeys.anonKey ?? 'your-anon-key'}
  <SimpleCodeBlock className="js" parentClassName="min-h-72">
  {`
 import { createClient } from "@supabase/supabase-js";
+import { PUBLIC_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY } from "$env/static/public"
 
-const supabaseUrl = process.env.SUPABASE_URL;
-const supabaseKey = process.env.SUPABASE_ANON_KEY;
+const supabaseUrl = PUBLIC_SUPABASE_URL;
+const supabaseKey = PUBLIC_SUPABASE_ANON_KEY;
 
 export const supabase = createClient(supabaseUrl, supabaseKey);
  `}