fix(app2): cleanup legacy titles

Author: cor

app2/src/routes/balances/+page.svelte

@@ -10,6 +10,7 @@ import { RpcType, UniversalChainId } from "$lib/schema/chain"
 import TokenComponent from "$lib/components/model/TokenComponent.svelte"
 import { AddressEvmCanonical } from "$lib/schema/address"
 import ErrorComponent from "$lib/components/model/ErrorComponent.svelte"
+import Sections from "$lib/components/ui/Sections.svelte"
 
 // Example wallet address - this would come from wallet connection in real app
 const testAddress = AddressEvmCanonical.make("0xe6831e169d77a861a0e71326afa6d80bcc8bc6aa")
@@ -50,9 +51,8 @@ $effect(() => {
 })
 </script>
 
-<div class="flex flex-col gap-4 p-4">
+<Sections>
   <div class="flex justify-between items-center">
-    <SectionTitle>Balances</SectionTitle>
     <Button onclick={fetchAllBalances}>Fetch All Balances</Button>
   </div>
 
@@ -107,5 +107,5 @@ $effect(() => {
       </Card>
     {/each}
   {/if}
-</div>
+</Sections>
 

app2/src/routes/dashboard/+page.svelte

@@ -1,8 +1 @@
-<script lang="ts">
-import SectionTitle from "$lib/components/ui/SectionTitle.svelte"
-import Sections from "$lib/components/ui/Sections.svelte"
-</script>
 
-<Sections>
-  <SectionTitle>Dashboard</SectionTitle>
-</Sections>

app2/src/routes/explorer/channels/+page.svelte

@@ -1,8 +1 @@
-<script lang="ts">
-import SectionTitle from "$lib/components/ui/SectionTitle.svelte"
-import Sections from "$lib/components/ui/Sections.svelte"
-</script>
 
-<Sections>
-  <SectionTitle>Channels</SectionTitle>
-</Sections>

app2/src/routes/explorer/clients/+page.svelte

@@ -1,8 +1 @@
-<script lang="ts">
-import SectionTitle from "$lib/components/ui/SectionTitle.svelte"
-import Sections from "$lib/components/ui/Sections.svelte"
-</script>
 
-<Sections>
-  <SectionTitle>Clients</SectionTitle>
-</Sections>

app2/src/routes/explorer/connections/+page.svelte

@@ -1,8 +1 @@
-<script lang="ts">
-import SectionTitle from "$lib/components/ui/SectionTitle.svelte"
-import Sections from "$lib/components/ui/Sections.svelte"
-</script>
 
-<Sections>
-  <SectionTitle>Connections</SectionTitle>
-</Sections>

app2/src/routes/explorer/packets/+page.svelte

@@ -1,8 +1 @@
-<script lang="ts">
-import SectionTitle from "$lib/components/ui/SectionTitle.svelte"
-import Sections from "$lib/components/ui/Sections.svelte"
-</script>
 
-<Sections>
-  <SectionTitle>Packets</SectionTitle>
-</Sections>

app2/src/routes/stake/+page.svelte

@@ -1,8 +1 @@
-<script lang="ts">
-import SectionTitle from "$lib/components/ui/SectionTitle.svelte"
-import Sections from "$lib/components/ui/Sections.svelte"
-</script>
 
-<Sections>
-  <SectionTitle>Stake with Escher</SectionTitle>
-</Sections>

app2/src/routes/transfer/ucs03/+page.svelte

@@ -54,7 +54,6 @@ const submit = async () => {
 </script>
 
 <Sections>
-  <SectionTitle>Transfer ucs03 evm</SectionTitle>
   <div class="flex flex-col gap-4">
     <div class="flex gap-4">
       <Button