chore: update packages

package.json

@@ -2,7 +2,7 @@
 	"name": "tomodachi-share",
 	"version": "0.1.0",
 	"private": true,
-	"packageManager": "pnpm@10.28.2",
+	"packageManager": "pnpm@10.33.0",
 	"scripts": {
 		"dev": "next dev",
 		"build": "next build",
@@ -16,19 +16,19 @@
 		"@bprogress/next": "^3.2.12",
 		"@hello-pangea/dnd": "^18.0.1",
 		"@prisma/client": "^6.19.2",
-		"@sentry/nextjs": "^10.46.0",
+		"@sentry/nextjs": "^10.48.0",
 		"bit-buffer": "^0.3.0",
 		"canvas-confetti": "^1.9.4",
 		"dayjs": "^1.11.20",
 		"downshift": "^9.3.2",
 		"embla-carousel-react": "^8.6.0",
-		"file-type": "^22.0.0",
+		"file-type": "^22.0.1",
 		"jsqr": "^1.4.0",
-		"next": "16.2.1",
+		"next": "16.2.3",
 		"next-auth": "5.0.0-beta.30",
 		"qrcode-generator": "^2.0.4",
-		"react": "^19.2.4",
-		"react-dom": "^19.2.4",
+		"react": "^19.2.5",
+		"react-dom": "^19.2.5",
 		"react-dropzone": "^15.0.0",
 		"react-image-crop": "^11.0.10",
 		"redis": "^5.11.0",
@@ -44,13 +44,13 @@
 		"@iconify/react": "^6.0.2",
 		"@tailwindcss/postcss": "^4.2.2",
 		"@types/canvas-confetti": "^1.9.0",
-		"@types/node": "^25.5.0",
+		"@types/node": "^25.6.0",
 		"@types/react": "^19.2.14",
 		"@types/react-dom": "^19.2.3",
 		"@types/seedrandom": "^3.0.8",
 		"@types/sjcl": "^1.0.34",
-		"eslint": "^10.1.0",
-		"eslint-config-next": "16.2.1",
+		"eslint": "^10.2.0",
+		"eslint-config-next": "16.2.3",
 		"prisma": "^6.19.2",
 		"schema-dts": "^2.0.0",
 		"tailwindcss": "^4.2.2",

src/components/submit-form/camera.tsx

@@ -235,7 +235,7 @@ export default function Camera({ isOpen, setIsOpen, onCapture, setImage, setQrBy
 
 					<div className="rounded-2xl border-2 border-amber-500 max-h-96 flex justify-center items-center overflow-hidden">
 						<img src="/loading.svg" alt="loading indicator" width={256} height={256} className="absolute" />
-						<video ref={videoRef} className={`size-full z-10 ${setQrBytesRaw ? "object-cover" : ""}`} />
+						<video ref={videoRef} className={`size-full z-10 ${setQrBytesRaw ? "object-cover aspect-square" : ""}`} />
 					</div>
 					{setQrBytesRaw && <QrFinder />}
 					<canvas ref={canvasRef} className="hidden" />

src/components/submit-form/mii-editor/tabs/hair.tsx

@@ -98,10 +98,10 @@ export default function HairTab({ instructions }: Props) {
 							type="button"
 							key={i}
 							onClick={() => {
-								setStyle(i);
-								instructions.current.hair.style = i;
+								setStyle(i + 1);
+								instructions.current.hair.style = i + 1;
 							}}
-							className={`size-full aspect-square cursor-pointer hover:bg-orange-300 transition-colors duration-100 rounded-lg ${style === i ? "bg-orange-400!" : ""}`}
+							className={`size-full aspect-square cursor-pointer hover:bg-orange-300 transition-colors duration-100 rounded-lg ${style === i + 1 ? "bg-orange-400!" : ""}`}
 						>
 							{i + 1}
 						</button>