Titles on index / account pages

Also changed to use  `const { ..., name: serverName } = useServer();` where feasible

resources/scripts/components/server/network/NetworkContainer.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from 'react';
 import { Helmet } from 'react-helmet';
-import { ServerContext } from '@/state/server';
 import tw from 'twin.macro';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faNetworkWired } from '@fortawesome/free-solid-svg-icons';
@@ -25,13 +24,11 @@ const Code = styled.code`${tw`font-mono py-1 px-2 bg-neutral-900 rounded text-sm
 const Label = styled.label`${tw`uppercase text-xs mt-1 text-neutral-400 block px-1 select-none transition-colors duration-150`}`;
 
 const NetworkContainer = () => {
-    const { uuid, allocations } = useServer();
+    const { uuid, allocations, name: serverName } = useServer();
     const { clearFlashes, clearAndAddHttpError } = useFlash();
     const [ loading, setLoading ] = useState<false | number>(false);
     const { data, error, mutate } = useSWR<Allocation[]>(uuid, key => getServerAllocations(key), { initialData: allocations });
 
-    const servername = ServerContext.useStoreState(state => state.server.data.name);
-
     const setPrimaryAllocation = (id: number) => {
         clearFlashes('server:network');
 
@@ -66,7 +63,7 @@ const NetworkContainer = () => {
     return (
         <PageContentBlock showFlashKey={'server:network'}>
             <Helmet>
-                <title> {servername} | Network </title>
+                <title> {serverName} | Network </title>
             </Helmet>
             {!data ?
                 <Spinner size={'large'} centered/>