Site redesign + migration to testnet-4 (#962)

Also fixes the devShell for darwin

- fix(devShell): make devShell work on darwin
- feat(site): wip contrasty design
- feat(site): add investors to lander
- feat(site): 3d text effect
- fix(site): sizing fixes
- feat(site): style explore button
- fix(site): backed by sizing fixes
- feat(site): expand grid to footer
- feat(site): add ETH <-> IBC section
- feat(site): improve responsiveness and spacing
- fix(site): announcement link
- feat(blog): add seed round announcement
- feat(site): link to seed raise article
- fix(site): add migration in process warning
- fix(site): process -> progress
- fix(site): log transfer errors
- fix(site): delete warningbox and change testnet-3 to testnet-4
- feat(site): add updated ABIs
- feat(site): upgrade to `union-testnet-4`
- fix: use correct encoding for account
- fix(site): text fixes
- fix(site): only show spinner when the user has started the transfer


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
  - Search functionality now available across the app.
  - New warning box component introduced for important alerts.
  - Enhanced footer and header design for better user experience.
- Terminal container now features a more distinct border and shadow for
improved visibility.
  - Blog layout updated for a more engaging reading experience.

- **Enhancements**
  - Updated chain ID and addresses for a smoother transaction process.
  - Improved visual styling with new color schemes and grid effects.
  - Refined text capitalization and font weight for better readability.

- **Bug Fixes**
- Fixed issues with transfer functions to ensure reliable cross-chain
transactions.
  - Corrected sorting of blog posts by date for accurate display.

- **Documentation**
- Updated blog content to reflect the latest network changes and seed
funding round details.

- **Style**
- Adjusted styles across various components for a more cohesive look and
feel.

- **Chores**
  - Cleaned up imports and constants for better code maintenance.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

cspell.json

@@ -31,6 +31,7 @@
     "networks/genesis/union-testnet-2/**",
     "networks/genesis/union-testnet-3/**",
     "networks/genesis/union-testnet-4/**",
-    "hubble/hasura/**"
+    "hubble/hasura/**",
+    "site/src/lib/abi/**"
   ]
 }

dictionary.txt

@@ -1,3 +1,4 @@
+
 0xc0dejug
 ABCI
 Accs
@@ -22,8 +23,10 @@ Counterparty
 DATADIR
 DYLD
 Denoms
+Devconnect
 Disket
 Feegrant
+Feiock
 GOARCH
 GOPATH
 GOPRIVATE
@@ -43,6 +46,7 @@ Joye
 KEYPAIR
 Karel
 Keybase
+Kubat
 Lahcen
 Layerzero
 Lightshift
@@ -83,6 +87,7 @@ TRYOPEN
 Tempdirs
 Tendermint
 Timestamptz
+Tioga
 UDHC
 UNBONDED
 UNBONDING
@@ -602,6 +607,7 @@ testdata
 testkeeper
 testkey
 testutil
+textclip
 tfbindings
 tfkeeper
 tfmodule
@@ -697,6 +703,7 @@ virtualisation
 vmdebug
 vuex
 wakey
+warningbox
 wasi
 wasmd
 wasmkeeper

flake.nix

@@ -291,17 +291,18 @@
               openssl
               pkg-config
               protobuf
-              self'.packages.hasura-cli
               self'.packages.tdc
-              self'.packages.sqlx-cli
               solc
               yarn
               yq
               nodePackages.graphqurl
               nodePackages.svelte-language-server
               nodePackages.typescript-language-server
               nodePackages.vscode-css-languageserver-bin
-            ]);
+            ] ++ (if pkgs.stdenv.isLinux then [
+              self'.packages.hasura-cli
+              self'.packages.sqlx-cli
+            ] else [ ]));
             nativeBuildInputs = [ config.treefmt.build.wrapper ]
               ++ lib.attrsets.attrValues config.treefmt.build.programs;
             GOPRIVATE = "github.com/unionlabs/*";
@@ -339,8 +340,7 @@
               settings.global.excludes = [ "**/vendor/**" ];
               programs.prettier.enable = true;
               settings.formatter.prettier = {
-                options =
-                  [ "--write" "--plugin-search-dir=${prettier-solidity}/lib" ];
+                options = if pkgs.stdenv.isLinux then [ "--write" "--plugin-search-dir=${prettier-solidity}/lib" ] else [ ];
                 includes = [
                   "*.css"
                   "*.html"

site/src/lib/Footer.svelte

@@ -1,5 +1,5 @@
 <footer
-  class="bg-background flex items-center p-4 gap-4 flex justify-center text-lg text-gray-200"
+  class="flex items-center p-4 gap-4 flex justify-center text-lg font-semibold text-gray-200"
 >
   <div>&copy; Union.fi Labs, Inc.</div>
 </footer>

site/src/lib/Header.svelte

@@ -1,10 +1,10 @@
-<div class="bg-bgDark flex justify-around">
-<header class="max-w-7xl flex flex-1 items-center p-4 gap-4">
-  <a href="/"><img class="h-[32px]" src="/logo.svg" alt="Union Logo" /></a>
+<div class="flex justify-around">
+<header class="max-w-7xl flex flex-1 items-center md:p-4 gap-4 lg:mt-4">
+  <a class="block flex items-center font-bold text-5xl gap-3" href="/"><img class="h-[40px] md:h-[48px]" src="/logo.svg" alt="Union Logo" /><div class="hidden min-[420px]:block">Union</div></a>
   <nav class="flex flex-1 justify-end">
-    <ul class="flex gap-4 font-mono">
-      <li><a href="/blog">blog</a></li>
-      <li><a href="https://docs.union.build">docs</a></li>
+    <ul class="flex gap-4 text-xl md:text-2xl font-semibold">
+      <li><a href="/blog">Blog</a></li>
+      <li><a href="https://docs.union.build">Docs</a></li>
       <li><a href="https://x.com/union_build">X</a></li>
     </ul>
   </nav>

site/src/lib/TerminalContainer.svelte

@@ -1,3 +1,4 @@
-<div class="my-4 p-4 md:shadow-2xl bg-black text-xs sm:text-lg font-jetbrains md:rounded-xl">
+<div class="my-4 p-4 md:shadow-2xl bg-black text-xs sm:text-lg font-jetbrains md:rounded border-[1px] border-gray-500 shadow-lg">
 	<slot />
 </div>
+

site/src/lib/WarningBox.svelte

@@ -0,0 +1,15 @@
+<div class="warningbox text-black bg-accent font-bold p-4 my-4">
+	<slot/>
+</div>
+
+<style>
+	:global(.warningbox a) {
+		color: black !important;
+		text-decoration: underline;
+		font-weight: bold;
+	}
+
+</style>
+
+
+