feat: animations, responsive design

Animations
- added opacity animation for experience page
- added stagger animation for navbar items on mobile
- added animation for landing page for years and language indications

Pages
- About Page mockup

Redesign
- Navbar to include icons on desktop

ts/rollup.config.mjs

@@ -0,0 +1,40 @@
+import resolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import typescript from "@rollup/plugin-typescript";
+import terser from "@rollup/plugin-terser";
+
+const parseConfig = (input) => ({
+  input: `src/${input}`,
+  output: {
+    file: `../assets/js/${input.slice(0, input.length - 3)}.js`,
+    format: "iife", // Changed from 'cjs' to 'iife' for browser use
+    name: "navigation",
+    extend: true,
+    sourcemap: true,
+  },
+  plugins: [
+    resolve({
+      browser: true,
+      preferBuiltins: false,
+    }),
+    commonjs({
+      include: /node_modules/,
+      transformMixedEsModules: true,
+    }),
+    typescript({
+      include: ["./src/types.d.ts"],
+      tsconfig: "./tsconfig.json",
+    }),
+    terser({
+      format: {
+        comments: false,
+      },
+    }),
+  ],
+});
+
+export default [
+  parseConfig("navigation.ts"),
+  parseConfig("landing.ts"),
+  parseConfig("experiences.ts"),
+];