chore(migration): CRA to Vite, React 18 and other dependencies upgraded

.eslintrc

@@ -8,8 +8,8 @@
     "sourceType": "module",
     "project": "./tsconfig.json"
   },
-  "extends": ["airbnb-typescript", "airbnb/hooks", "plugin:@typescript-eslint/recommended"],
-  "plugins": ["react", "@typescript-eslint", "import", "simple-import-sort"],
+  "extends": ["plugin:@typescript-eslint/recommended"],
+  "plugins": ["react", "react-hooks", "@typescript-eslint", "import", "simple-import-sort"],
   "env": {
     "browser": true,
     "es6": true
@@ -19,7 +19,8 @@
     "linebreak-style": ["error", "unix"],
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "warn",
-    "no-unused-vars": "error",
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": "error",
     "simple-import-sort/imports": "error",
     "simple-import-sort/exports": "error"
   },

docs/Arc42.md

@@ -332,11 +332,13 @@ Backend API Swagger-ui Ex: [https://domain_url/api/swagger-ui/index.html](https:
 | /login                | Keycloak Authentication                                             | Main 	|
  | /logout               | Keycloak logout                                                     |       |
 | /                  	  | Home page for use case selection and app overview                   | Main 	|
-| /create-data      	   | Create data using a CSV file, table or submit JSON data directly 	  | Sub  	|
-| /upload-history       | Upload history table                                             	  | Sub  	|
-| /help          	      | Help guide, CSV rules and samples                                   | Sub  	|
-| /consume-data     	   | Get list of data offer by selected providers                     	  | Sub  	|
-| /contracts-history 	  | Contracts history table                                             | Sub  	|
+| /provider/manual-upload      	   | Create data using a CSV file, table or submit JSON data directly 	  | Sub  	|
+| /provider/policies       | Manage Policies                                             	  | Sub  	|
+| /provider/upload-history       | Upload history table                                             	  | Sub  	|
+| /provider/help          	      | Help guide, CSV rules and samples                                   | Sub  	|
+| /provider/contracts 	  | Contracts history of provider                                           | Sub  	|                                           	  | Sub  	|
+| /consumer/consume-data     	   | Get list of data offer by selected providers                     	  | Sub  	|
+| /consumer/contracts 	  | Contracts history of consumer                                           | Sub  	|
 
 <br />
 
@@ -361,7 +363,7 @@ Backend API Swagger-ui Ex: [https://domain_url/api/swagger-ui/index.html](https:
 | Library                    	  | Description                                           	                               | Link                                                     	 |
 |-------------------------------|---------------------------------------------------------------------------------------|------------------------------------------------------------|
 | axios                      	  | Promise based HTTP Client for the browser and node.js 	                               | https://www.npmjs.com/package/axios                      	 |
-| cx-portal-shared-components 	 | Contains the shared UI components that are used to build the Catena-X Portal Frontend | https://www.npmjs.com/package/cx-portal-shared-components	 |
+| @catena-x/portal-shared-components 	 | Contains the shared UI components that are used to build the Catena-X Portal Frontend | https://www.npmjs.com/package/@catena-x/portal-shared-components	 |
 | redux                      	  | State management for react application                  	                             | https://www.npmjs.com/package/redux         	             |
 | @reduxjs/toolkit              | React toolkit for state manangement                     	                             | https://www.npmjs.com/package/@reduxjs/toolkit          	     |
 | ajv                       	   | Schema validator                                       	                              | https://www.npmjs.com/package/ajv                        |

docs/user-guide/README.md

@@ -22,7 +22,7 @@ This work is licensed under the [Apache-2.0](https://www.apache.org/licenses/LIC
   - [Home](#home)
   - [About](#about)
   - [Provider](#provider)
-    - [Create Data](#create-data)
+    - [Manual Upload](#manual-upload)
       - [Upload File](#upload-file)
       - [Manual Entry](#manual-entry)
     - [Policies](#policies)
@@ -112,7 +112,7 @@ In this page you can find the source links of License, Notice, Base Repository a
 
 # **Provider**
 
-## Create Data
+## Manual Upload
 
 In this page, list of available submodels will be fetched dynamically on basis of use-case selections, and we can select any submodel to generate the table of that selected submodel based on the schema provided by backend API.
 

index.html

@@ -0,0 +1,35 @@
+<!--
+- Copyright (c) 2021,2022 FEV Consulting GmbH
+- Copyright (c) 2021,2024 T-Systems International GmbH
+- Copyright (c) 2022,2024 Contributors to the Eclipse Foundation
+-
+- See the NOTICE file(s) distributed with this work for additional
+- information regarding copyright ownership.
+-
+- This program and the accompanying materials are made available under the
+- terms of the Apache License, Version 2.0 which is available at
+- https://www.apache.org/licenses/LICENSE-2.0.
+-
+- Unless required by applicable law or agreed to in writing, software
+- distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+- WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+- License for the specific language governing permissions and limitations
+- under the License.
+-
+- SPDX-License-Identifier: Apache-2.0
+-->
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="Managed Simple Data Exchanger" />
+    <title></title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="/env-config.js"></script>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>