I'll create a Next.js application with Supabase integration, implementing a registration form, sign-in functionality, and user session management. Let's break this down into multiple files and components.

First, let's set up the Supabase client:

To complete the setup, you need to add the following environment variables to your .env.local file:

This implementation covers all the requirements you specified:

1. Registration form with name, email, password, address, image upload, and role selection.
2. Data storage in Supabase, including image upload to Supabase storage.
3. Sign-in functionality.
4. User session fetching in both client and server components.
5. Use of Next.js for frontend and backend.
6. React Hook Form with Zod for form validation.

To use this implementation:

1. Set up a Supabase project and create a profiles table with columns for id, name, address, and role.
2. Create a storage bucket named avatars in your Supabase project for storing profile images.
3. Add the Supabase URL and anon key to your .env.local file.
4. Install the necessary dependencies:

This setup provides a solid foundation for user authentication and profile management using Supabase with Next.js. You can further customize the UI and add more features as needed.