Auth and instances implementation

Implements authentication functionality and creates instances service

- Modifies package-lock.json, package.json, footer.tsx, header.tsx
- Adds protected-route.tsx, public-route.tsx to src/components/providers
- Modifies Dashboard/index.tsx, Login/index.tsx, routes/index.tsx
- Adds auth.service.ts, instances.service.ts to src/services
- Adds instance.ts to src/utils

This commit enhances the application's authentication process and introduces instances management, improving user experience and enabling further features.

Author: dgcode-tec

package-lock.json

@@ -23,6 +23,7 @@
     "@radix-ui/react-switch": "^1.1.0",
     "@radix-ui/react-tabs": "^1.1.0",
     "@radix-ui/react-toast": "^1.2.1",
+    "axios": "^1.7.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",

package.json

@@ -5,7 +5,7 @@ function Footer() {
     <footer className="footer">
       <div className="footer-info">
         Client Name: <strong>Evolution Manager</strong> Version:{" "}
-        <strong>1.0.0</strong>
+        <strong>{localStorage.getItem("version")}</strong>
       </div>
       <div className="footer-buttons">
         <Button variant="link">

src/components/footer.tsx

@@ -1,3 +1,4 @@
+import { logout } from "@/services/auth.service";
 import { DoorOpen } from "lucide-react";
 import { useNavigate } from "react-router-dom";
 
@@ -9,6 +10,7 @@ function Header({ perfil }: HeaderProps) {
   const navigate = useNavigate();
 
   const handleClose = () => {
+    logout();
     navigate("/login");
   };
   return (

src/components/header.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { Navigate } from "react-router-dom";
+
+type ProtectedRouteProps = {
+  children: React.ReactNode;
+};
+
+const ProtectedRoute = ({ children }: ProtectedRouteProps) => {
+  const apiUrl = localStorage.getItem("apiUrl");
+  const token = localStorage.getItem("token");
+  const version = localStorage.getItem("version");
+
+  if (!apiUrl || !token || !version) {
+    return <Navigate to="/login" />;
+  }
+
+  return children;
+};
+
+export default ProtectedRoute;

src/components/providers/protected-route.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { Navigate } from "react-router-dom";
+
+type PublicRouteProps = {
+  children: React.ReactNode;
+};
+
+const PublicRoute = ({ children }: PublicRouteProps) => {
+  const apiUrl = localStorage.getItem("apiUrl");
+  const token = localStorage.getItem("token");
+  const version = localStorage.getItem("version");
+
+  if (apiUrl && token && version) {
+    return <Navigate to="/" />;
+  }
+
+  return children;
+};
+
+export default PublicRoute;