Fix some issues with navigating in the router and bad animations

resources/scripts/components/App.tsx

@@ -1,12 +1,11 @@
 import * as React from 'react';
 import { hot } from 'react-hot-loader/root';
-import { BrowserRouter as Router, Route } from 'react-router-dom';
-import AuthenticationRouter from '@/routers/AuthenticationRouter';
-import ServerOverviewContainer from '@/components/ServerOverviewContainer';
+import { BrowserRouter, BrowserRouter as Router, Route, Switch } from 'react-router-dom';
 import { StoreProvider } from 'easy-peasy';
 import { store } from '@/state';
-import TransitionRouter from '@/TransitionRouter';
 import DashboardRouter from '@/routers/DashboardRouter';
+import ServerRouter from '@/routers/ServerRouter';
+import AuthenticationRouter from '@/routers/AuthenticationRouter';
 
 interface WindowWithUser extends Window {
     PterodactylUser?: {
@@ -40,10 +39,13 @@ const App = () => {
         <StoreProvider store={store}>
             <Router basename={'/'}>
                 <div className={'mx-auto w-auto'}>
-                    <TransitionRouter basename={'/'}>
-                        <Route path="/" component={DashboardRouter}/>
-                        <Route path="/auth" component={AuthenticationRouter}/>
-                    </TransitionRouter>
+                    <BrowserRouter basename={'/'}>
+                        <Switch>
+                            <Route path="/" component={DashboardRouter}/>
+                            <Route path="/auth" component={AuthenticationRouter}/>
+                            <Route path="/server/:id/" component={ServerRouter}/>
+                        </Switch>
+                    </BrowserRouter>
                 </div>
             </Router>
         </StoreProvider>

resources/scripts/components/dashboard/DashboardContainer.tsx

@@ -5,10 +5,11 @@ import { faMicrochip } from '@fortawesome/free-solid-svg-icons/faMicrochip';
 import { faMemory } from '@fortawesome/free-solid-svg-icons/faMemory';
 import { faHdd } from '@fortawesome/free-solid-svg-icons/faHdd';
 import { faEthernet } from '@fortawesome/free-solid-svg-icons/faEthernet';
+import { Link } from 'react-router-dom';
 
 export default () => (
     <div className={'my-10'}>
-        <div className={'flex cursor-pointer items-center bg-neutral-700 p-4 border border-transparent hover:border-neutral-500'}>
+        <Link to={'/server/123'} className={'flex no-underline text-neutral-200 cursor-pointer items-center bg-neutral-700 p-4 border border-transparent hover:border-neutral-500'}>
             <div className={'rounded-full bg-neutral-500 p-3'}>
                 <FontAwesomeIcon icon={faServer}/>
             </div>
@@ -47,7 +48,7 @@ export default () => (
                     <p className={'text-xs text-neutral-600 text-center mt-1'}>of 16 GB</p>
                 </div>
             </div>
-        </div>
+        </Link>
         <div className={'flex mt-px cursor-pointer items-center bg-neutral-700 p-4 border border-transparent hover:border-neutral-500'}>
             <div className={'rounded-full bg-neutral-500 p-3'}>
                 <FontAwesomeIcon icon={faServer}/>

resources/scripts/components/server/ServerConsole.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default () => (
+    null
+);