build(deps): bump the react group with 3 updates (#620)

* build(deps): bump the react group with 3 updates

Bumps the react group with 3 updates: [lucide-react](https://github.com/lucide-icons/lucide/tree/HEAD/packages/lucide-react), [react](https://github.com/facebook/react/tree/HEAD/packages/react) and [react-dom](https://github.com/facebook/react/tree/HEAD/packages/react-dom).


Updates `lucide-react` from 0.577.0 to 1.6.0
- [Release notes](https://github.com/lucide-icons/lucide/releases)
- [Commits](https://github.com/lucide-icons/lucide/commits/1.6.0/packages/lucide-react)

Updates `react` from 18.3.1 to 19.2.4
- [Release notes](https://github.com/facebook/react/releases)
- [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md)
- [Commits](https://github.com/facebook/react/commits/v19.2.4/packages/react)

Updates `react-dom` from 18.3.1 to 19.2.4
- [Release notes](https://github.com/facebook/react/releases)
- [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md)
- [Commits](https://github.com/facebook/react/commits/v19.2.4/packages/react-dom)

---
updated-dependencies:
- dependency-name: lucide-react
  dependency-version: 1.6.0
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: react
- dependency-name: react
  dependency-version: 19.2.4
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: react
- dependency-name: react-dom
  dependency-version: 19.2.4
  dependency-type: direct:production
  update-type: version-update:semver-major
  dependency-group: react
...

Signed-off-by: dependabot[bot] <support@github.com>

* Update Footer.tsx

* Create GitHubIcon.tsx

* Update Footer.tsx

* Update vite.config.ts

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: gstraccini[bot] <150967461+gstraccini[bot]@users.noreply.github.com>
Co-authored-by: Guilherme Branco Stracini <guilherme@guilhermebranco.com.br>

Author: 3 people

package-lock.json

@@ -17,16 +17,16 @@
     "date-fns": "^4.1.0",
     "i18next": "^25.10.9",
     "i18next-browser-languagedetector": "^8.2.1",
-    "lucide-react": "^0.577.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "lucide-react": "^1.6.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-i18next": "^16.6.6",
     "react-router-dom": "^7.13.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.9.1",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "autoprefixer": "^10.4.27",
     "eslint": "^9.39.2",

package.json

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
-import { Github, Info, Plus, AlertCircle, Activity } from 'lucide-react';
+import { Info, Plus, AlertCircle, Activity } from 'lucide-react';
+import { GitHubIcon } from "@/components/icons/GitHubIcon";
 import { useTranslation } from 'react-i18next';
 import { useApiInfo } from '../hooks/useApiInfo';
 import { NewIssueModal } from './NewIssueModal';
@@ -75,7 +76,7 @@ export function Footer() {
                 rel="noopener noreferrer"
                 className="flex items-center space-x-2 text-gray-600 dark:text-gray-400 hover:text-primary dark:hover:text-primary transition-colors group"
               >
-                <Github className="w-5 h-5 group-hover:scale-110 transition-transform" />
+                <GitHubIcon className="w-5 h-5 group-hover:scale-110 transition-transform" />
                 <span className="text-sm">{t('footer.repository')}</span>
               </a>
             </div>
@@ -99,4 +100,4 @@ export function Footer() {
       <NewIssueModal isOpen={isModalOpen} onClose={() => setIsModalOpen(false)} />
     </footer>
   );
-}
+}

src/components/Footer.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+
+export function GitHubIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="currentColor"
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      {...props}
+    >
+      <path d="M12 .297a12 12 0 00-3.794 23.398c.6.111.82-.261.82-.579
+      0-.287-.01-1.046-.016-2.054-3.338.725-4.042-1.61-4.042-1.61
+      -.546-1.387-1.333-1.756-1.333-1.756-1.089-.744.083-.729.083-.729
+      1.205.085 1.84 1.237 1.84 1.237 1.07 1.835 2.807 1.305 3.492.998
+      .108-.775.418-1.305.762-1.605-2.665-.303-5.466-1.332-5.466-5.93
+      0-1.311.469-2.382 1.236-3.222-.124-.303-.536-1.527.117-3.176
+      0 0 1.008-.322 3.301 1.23a11.49 11.49 0 016.003 0
+      c2.291-1.552 3.297-1.23 3.297-1.23.655 1.649.243 2.873.12 3.176
+      .77.84 1.235 1.911 1.235 3.222
+      0 4.61-2.805 5.624-5.476 5.921
+      .43.371.823 1.102.823 2.222
+      0 1.606-.014 2.901-.014 3.293
+      0 .321.216.694.825.576A12.003 12.003 0 0012 .297z" />
+    </svg>
+  );
+}

src/components/icons/GitHubIcon.tsx

@@ -1,11 +1,16 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import path from "path";
 
-// https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
   base: "/ui/vagas/",
   optimizeDeps: {
     exclude: ['lucide-react'],
   },
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
 });