Merge pull request #12 from RaphaelEscrig/feat/layout

Add layout with header

.vscode/settings.json

@@ -5,11 +5,17 @@
 		"posthog",
 		"POSTHOG",
 		"psql",
-		"PSQL"
+		"PSQL",
+		"svgr"
 	],
+	"i18n-ally.sourceLanguage": "fr",
+	"i18n-ally.displayLanguage": "fr",
+	"i18n-ally.keystyle": "nested",
 	"i18n-ally.localesPaths": [
 		"src/app/locales",
+		"src/modules/cities/core/locales",
 		"src/modules/shared/core/locales",
-		"src/modules/specialties/core/locales"
+		"src/modules/specialties/core/locales",
+		"src/modules/layout/core/locales"
 	]
 }

next.config.mjs

@@ -4,6 +4,32 @@ const withNextIntl = createNextIntlPlugin("./src/app/locales/i18n.ts");
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+	webpack(config) {
+		const fileLoaderRule = config.module.rules.find((rule) =>
+			rule.test?.test?.(".svg")
+		);
+
+		config.module.rules.push(
+			// Reapply the existing rule, but only for svg imports ending in ?url
+			{
+				...fileLoaderRule,
+				test: /\.svg$/i,
+				resourceQuery: /url/, // *.svg?url
+			},
+			// Convert all other *.svg imports to React components
+			{
+				test: /\.svg$/i,
+				issuer: fileLoaderRule.issuer,
+				resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
+				use: ["@svgr/webpack"],
+			}
+		);
+
+		// Modify the file loader rule to ignore *.svg, since we have it handled now.
+		fileLoaderRule.exclude = /\.svg$/i;
+
+		return config;
+	},
 	async redirects() {
 		return [
 			{

package.json

@@ -27,6 +27,7 @@
 		"zod": "^3.23.8"
 	},
 	"devDependencies": {
+		"@svgr/webpack": "^8.1.0",
 		"@types/jest": "^29.5.12",
 		"@types/node": "^20",
 		"@types/react": "^18",