refactor: using CDN for retreiving gltf

ui/sphere/src/loader/loader.component.tsx

@@ -5,10 +5,10 @@ import { Suspense }          from 'react'
 import { FC }                from 'react'
 import { PropsWithChildren } from 'react'
 
-import { SphereGltf }        from '../../assets'
+import { CDN_SPHERE_PATH }   from '../sphere.constants'
 
 export const Loader: FC<PropsWithChildren<{}>> = ({ children }) => (
   <Suspense fallback={null}>{children}</Suspense>
 )
 
-useGLTF.preload(SphereGltf)
+useGLTF.preload(CDN_SPHERE_PATH)

ui/sphere/src/model/model.component.tsx

@@ -6,15 +6,15 @@ import { FC }            from 'react'
 import { Group }         from 'three'
 import { useEffect }     from 'react'
 import { useRef }        from 'react'
+import { CDN_SPHERE_PATH } from '../sphere.constants'
 
-import { SphereGltf }    from '../../assets'
 import { GLTFResult }    from './model.interfaces'
 import { GLTFAction }    from './model.interfaces'
 import { ModelProps }    from './model.interfaces'
 
 export const Model: FC<ModelProps> = (props) => {
   const group = useRef<Group>(null)
-  const { nodes, materials, animations } = useGLTF(SphereGltf, true) as unknown as GLTFResult
+  const { nodes, materials, animations } = useGLTF(CDN_SPHERE_PATH, true) as unknown as GLTFResult
   const { actions } = useAnimations<GLTFAction>(animations, group)
 
   useEffect(() => {

ui/sphere/src/sphere.constants.ts

@@ -0,0 +1 @@
+export const CDN_SPHERE_PATH = 'https://cdn.dream-team.tech/sphere.gltf'