refactor: update huat images (#12)

* style: add smooth scrolling
* refactor: add @2x images
* refactor: update huat promo images and text
* chore: upgrade packages

Author: alphatrl

.eslintrc

@@ -9,8 +9,7 @@
     "next/core-web-vitals",
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
-    "plugin:prettier/recommended",
-    "plugin:react-hooks/recommended"
+    "plugin:prettier/recommended"
   ],
   "plugins": ["simple-import-sort"],
   "rules": {

next-env.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

next.config.js

@@ -6,6 +6,7 @@ module.exports = {
   webpack(config) {
     config.module.rules.push({
       test: /\.svg$/,
+      issuer: /\.[jt]sx?$/,
       use: ['@svgr/webpack', 'url-loader'],
     });
 

package.json

@@ -10,11 +10,11 @@
   },
   "dependencies": {
     "@svgr/webpack": "^5.5.0",
-    "lodash": "^4.17.19",
-    "next": "11.1.1",
+    "lodash": "^4.17.21",
+    "next": "11.1.3",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "styled-components": "^5.3.0",
+    "styled-components": "^5.3.3",
     "url-loader": "^4.1.1"
   },
   "devDependencies": {
@@ -26,14 +26,13 @@
     "@typescript-eslint/parser": "^4.20.0",
     "eslint": "^7.32.0",
     "eslint-config-next": "^11.0.1",
-    "eslint-config-prettier": "^8.0.3",
+    "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-simple-import-sort": "^7.0.0",
-    "fork-ts-checker-webpack-plugin": "^6.3.1",
-    "prettier": "^2.3.2",
-    "ts-node": "^10.1.0",
-    "typescript": "4.3.5"
+    "fork-ts-checker-webpack-plugin": "^6.5.0",
+    "prettier": "^2.5.1",
+    "ts-node": "^10.4.0",
+    "typescript": "4.5.4"
   }
 }

public/images/project/huat_app_light.png

@@ -22,7 +22,7 @@ export const PROJECT_DATA = [
     title: 'Huat',
     subtitle: 'App & Web Development',
     description:
-      'Huat is an app dedicated to show the latest lottery results in Singapore. Huat web and mobile app were created to learn about the React and React Native framework respectively.',
+      'Huat is an app dedicated to show the latest lottery results in Singapore. Huat mobile and web apps were created to learn about the React and React Native framework respectively.',
     image: 'images/project/huat_app_light.png',
     external_link: [
       {

public/images/project/huat_app_light@2x.png

@@ -9,3 +9,7 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
+html {
+  scroll-behavior: smooth;
+}