UI fix (#2)

* fix(mobile): widen buttons for navigation

* fix(page/periodic): remove flickering when searching for element and
detect device type with `bowser` for initial render only

* test(snapshot): updated snapshot with bigger buttons on mobile

.gitignore

@@ -24,10 +24,7 @@ cache
 
 # local env files
 .env
-.env.development
-.env.testing
-.env.productions
-.env.staging
+.env.production
 
 # vercel
 .vercel

.prettierignore

@@ -24,10 +24,7 @@ cache
 
 # local env files
 .env
-.env.development
-.env.testing
-.env.productions
-.env.staging
+.env.production
 
 # vercel
 .vercel

config/.env.development

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_NODE_ENV=development
+NEXT_PUBLIC_ORIGIN=http://localhost:3000

config/.env.testing

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_NODE_ENV=testing
+NEXT_PUBLIC_ORIGIN=http://localhost:8081

package.json

@@ -1,5 +1,5 @@
 {
-	"name": "@the-periodic-table/web",
+	"name": "@periotable/web",
 	"version": "0.0.0",
 	"author": "PoolOfDeath20",
 	"private": true,
@@ -14,6 +14,7 @@
 		"@fontsource-variable/jetbrains-mono": "^5.0.19",
 		"@mui/joy": "5.0.0-beta.28",
 		"@poolofdeath20/util": "^0.7.1",
+		"bowser": "^2.11.0",
 		"cors": "^2.8.5",
 		"next": "^14.1.0",
 		"next-seo": "^6.4.0",
@@ -32,7 +33,6 @@
 		"@types/react-dom": "^18.2.18",
 		"@typescript-eslint/eslint-plugin": "^6.19.1",
 		"@typescript-eslint/parser": "^6.19.1",
-		"axios": "^1.6.7",
 		"ci-info": "^4.0.0",
 		"eslint": "^8.56.0",
 		"eslint-plugin-jsx-a11y": "^6.8.0",