Help! Masalah Login dan Role User di Website dengan Supabase – Data Tidak Tersimpan

Halo semua,

Saya sedang membangun website toko online (SENTRAL PLASTIK) menggunakan Supabase sebagai backend. Saya mengalami masalah dengan autentikasi dan pembacaan role user. Setelah login, data session tersimpan, tetapi setelah halaman di-refresh, user kembali ke status belum login. Akibatnya, role admin tidak terdeteksi dan tombol admin tidak muncul.

Tech Stack

• Frontend: HTML, CSS, JavaScript (vanilla)
• Backend: Supabase (Auth + Database)
• Library: @supabase/supabase-js, Bootstrap 5

Yang Diharapkan

• User tetap login setelah refresh (session persist).
• Data profile (termasuk role) bisa diambil dari tabel profiles dan digunakan di seluruh halaman.
• Admin dapat melihat tombol tambah produk.

Kode yang Digunakan

auth.js (versi terbaru):

javascript
...
CREATE TABLE profiles (
    id UUID REFERENCES auth.users PRIMARY KEY,
    role TEXT DEFAULT 'user',
    full_name TEXT,
    avatar_url TEXT,
    created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);
...