fix center alignment of tokenomics, validator network, and team sections

Author: gchartier

src/lib/components/OrcfaxTeam.svelte

@@ -73,7 +73,7 @@
     ];
 </script>
 
-<div class="bg-primary w-full px-6 lg:max-w-7xl lg:px-8 flex flex-col items-center">
+<div class="bg-primary w-full mx-auto px-6 lg:max-w-7xl lg:px-8 flex flex-col items-center">
     <div class="mx-auto flex flex-col items-center max-w-7xl gap-10 xl:grid-cols-3">
         <div class="max-w-xl">
             <h2

src/lib/components/Tokenomics.svelte

@@ -5,7 +5,7 @@
     import FactToken from "$lib/components/FactToken.svelte";
 </script>
 
-<div class="bg-primary w-full px-6 lg:max-w-7xl lg:px-8 flex flex-col items-center">
+<div class="bg-primary w-full mx-auto px-6 lg:max-w-7xl lg:px-8 flex flex-col items-center">
     <div class="mx-auto max-w-3xl lg:text-center">
         <h1 class="mt-2 text-5xl lg:text-6xl font-bold font-mulish text-secondary text-center">
             Tokenomics

src/lib/components/ValidatorNetwork.svelte

@@ -1,12 +1,8 @@
 <script lang="ts">
-    import { preventDefault } from "svelte/legacy";
-
     import Copy from "./icons/Copy.svelte";
     import Copying from "./icons/Copying.svelte";
     import Link from "$lib/components/Link.svelte";
     import ValidatorLicenseNFT from "$lib/components/ValidatorLicenseNFT.svelte";
-
-    import TokenDistributionChart from "$lib/components/TokenDistributionChart.svelte";
     import LogoLinkGroup from "$lib/components/LogoLinkGroup.svelte";
     import TruncatedText from "$lib/components/TruncatedText.svelte";
 
@@ -22,7 +18,7 @@
     }
 </script>
 
-<div class="bg-primary w-full px-6 lg:max-w-7xl lg:px-8 flex flex-col items-center">
+<div class="bg-primary w-full mx-auto px-6 lg:max-w-7xl lg:px-8 flex flex-col items-center">
     <div class="mx-auto max-w-3xl lg:text-center">
         <h1 class="mt-2 text-5xl lg:text-6xl font-bold font-mulish text-secondary text-center">
             Validator Network