backend

## backend

/backend folder is a Next.js 15 app with AppRouter using the following route groups in the `app` folder:
(auth): Authentication related pages
(extension): Routes used by the browser extension
(landing): Landing page routes

The shared components for a route group are stored in a `components` sub folder of the route group.

route group (auth) is using shadcn UI components and Tailwind CSS.
route group (landing) is just using Tailwind CSS.

Supabase is used for authentication and data storage and its configuration is in the `supabase` folder.

## extension

/extension folder is a browser plugin built using React and Vite. It has as service-worker and three variants:

- content
- sidepanel
- inject

The content variant is based on a Chrome extension with content script whereas the sidepanel variant is a Chrome extension that uses a side panel for displaying the UI. The inject variant is a javascript file that is added in the head tag of the page.

All the variants use shadcn UI components with Tailwind CSS for rendering the UI.

## extension and backend

Both, extension and backend, use 'lucide-react' for icons.