chore: move App.tsx to outside of components folder

Author: longtv2222

prototype/src/Components/App.tsx renamed to prototype/src/App.tsx

@@ -1,10 +1,10 @@
 import React, { Suspense, useState } from 'react'
 import { Canvas } from '@react-three/fiber'
 import { OrbitControls } from '@react-three/drei'
-import Model from '../Models/Scene'
-import '../App.css'
-import ColorPicker from './ColorPicker'
-import Larmborghini from '../Models/Lamborghini'
+import Model from './Models/Scene'
+import './App.css'
+import ColorPicker from './Components/ColorPicker'
+import Larmborghini from './Models/Lamborghini'
 import { proxy } from 'valtio'
 import { Loader, Environment } from "@react-three/drei/web"
 

prototype/src/Components/ColorPicker.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 import { TwitterPicker } from 'react-color'
-import { state } from './App'
+import { state } from '../App'
 
 /**
  * For switching color of car 

prototype/src/Models/Lamborghini.tsx

@@ -7,7 +7,7 @@ import { useRef } from 'react'
 import { useGLTF } from '@react-three/drei'
 import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
 import { useSnapshot } from 'valtio'
-import { CarProps } from '../Components/App'
+import { CarProps } from '../App'
 
 type GLTFResult = GLTF & {
   nodes: {

prototype/src/Models/Scene.tsx

@@ -7,7 +7,7 @@ import { useRef } from 'react'
 import { useGLTF } from '@react-three/drei'
 import { GLTF } from 'three/examples/jsm/loaders/GLTFLoader'
 import { useSnapshot } from 'valtio'
-import { CarProps } from '../Components/App'
+import { CarProps } from '../App'
 
 type GLTFResult = GLTF & {
   nodes: {

prototype/src/index.tsx

@@ -1,5 +1,5 @@
 import ReactDOM from 'react-dom'
 import './styles.css'
-import { App } from './Components/App'
+import { App } from './App'
 
 ReactDOM.render(<App></App>, document.getElementById('root'))