Fix the bugs and add the right colors

We should add prettier to the list of dependencies. That way we could standardize the format (maybe we could also add eslint 🤔).

We can also set up a GitHub action that format files from a PR.

I'll contribute on the responsivity because there are some overflow

Update/provide the content for the website.

We could reduce the padding.

setup GalsenDEV color (#5271ff) on full project 🎨
better manage fonts ✨
add blue so as not to have a monotonous page 🔥
and some small improvements 🧹

Ajout du Mode Sombre sur le Site

Contexte :

Actuellement, le site ne propose pas de mode sombre, ce qui pourrait être une fonctionnalité très appréciée par de nombreux utilisateurs, y compris moi-même. Le mode sombre non seulement réduit la fatigue oculaire, mais il est également plus agréable pour une utilisation prolongée, en particulier dans des environnements à faible luminosité.

Proposition :

Je propose l'ajout d'un mode sombre sur le site. Cela permettrait aux utilisateurs de basculer entre les thèmes clair et sombre en fonction de leurs préférences.

Avantages :

1. Réduction de la fatigue oculaire : Le mode sombre est plus doux pour les yeux, surtout lors d'une utilisation prolongée.
2. Amélioration de l'expérience utilisateur : Certains utilisateurs préfèrent l'esthétique du mode sombre et pourraient trouver l'expérience globale du site plus agréable.
3. Adaptabilité aux environnements : Le mode sombre est idéal dans des environnements à faible luminosité.

Commentaires supplémentaires :

J'espère que cette proposition sera prise en considération, et j'apprécierais vraiment l'ajout de cette fonctionnalité qui, à mon avis, améliorerait considérablement l'expérience utilisateur sur le site.

This was caused by the addition on the Discord Link. Maybe we should center everything.

• 404 error page
• 500 error page

Hello guys,
Just looked up the project and seen that you're making an awesome job ! 🔥
I suggest to add some blue color to add more Joy to it !

I don't remember the mobile menu having all these dividers. It seems like they add more vertical space between the links.

Need to establish essential pages for our community website, to ensure transparency and compliance with relevant regulations.
These pages will outline the rules and policies regarding user data protection and the general terms of use for our site.

Tasks to be Completed 📌

• Privacy Policy Page
• Data Privacy Page
• Terms of Use Page

Success Criteria ✅

• Clear and comprehensible content for all users.
• Avaible for all languages.
• Compliance with local and international data protection and privacy regulations.

Priority 🚨 :

• High

Should we close the mobile menu on page navigation or leave it open?

Importer les SVG en tant que JSX nuit à la fois aux performances d'exécution (rendu) et à l'utilisation de la mémoire.
The "best" way to manage icons in React.js.

Ma solution

Crée un components Icon , qu'on pourrai re-utiliser partout dans le code.
un exemple

/// components/ui/icons.tsx

export function Icon({
	name,
	size = 'font',
	className,
	children,
	...props
}: SVGProps<SVGSVGElement> & {
	name: IconName;
	size?: Size;
}) {
	if (children) {
		return (
			<span
				className={`inline-flex items-center ${childrenSizeClassName[size]}`}
			>
				<Icon name={name} size={size} className={className} {...props} />
				{children}
			</span>
		);
	}
	return (
		<svg
			{...props}
			className={cn(sizeClassName[size], 'inline self-center', className)}
		>
			<use href={`./icons/sprite.svg#${name}`} />
		</svg>
	);
}
...

/// import { Icon } from 'src/components/ui/icon';

<Icon name="arrow-right" />

J'ai proposer un PR #67 de cette implementation

Current Behavior

Got error if we open a past event on Event page :

Expected Behavior

Show details on past event.

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

We are currently using an old version of Nextjs 13 with the page router. Since we like to live dangerously 😈, we could try to update the website to Nextjs using App router 🔥 🔥 🔥

Gallery page we can explore the pictures lastest events.

Actuellement, y a pas moyen de savoir où on se trouve au niveau de la barre de navigation.

Current Behavior

The navbar just uses the default font provided by the browser.

Expected Behavior

I think we should use the Space Grotesk font in the navbar too since it's used everywhere else on the website

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

This occurs on mobile screen

The code base is filled with these comments and it would be cool if we could solve them before going live. Some of them are referencing #7

On some devices the hero image is too small somehow. I tested it on Firefox

This is just a warning ⚠️

Describe the feature in detail (code, mocks, or screenshots encouraged)

App Router provides more flexibility for nested layouts and data fetching.

What type of pull request would this be?

Other

Provide relevant links or additional information.

No response

It should be align to the center or occupy the fill the container

Currently, our Next.js application is available only in French. This issue aims to make the application available in multiple languages, starting with English. By implementing language localization using the "next-translate" package, we can provide a bilingual experience and allow users to switch between French and English. The task involves configuring language support, creating translation files, and enabling language switching functionality. Let's enhance our app by adding English language support.

Problem switching langages :
Fr <--> En
We have to do the action 2 times to refresh the page.

Hello team,
J'ai remarqué que la partie faire un don redirigeait juste vers Ko-fi.
Je pense qu'intégrer des moyens de paiements locaux serait une bonne idée.

Ko-Fi :