fix wallet adapter for solana

apps/webapp/src/app/app.config.ts

@@ -1,9 +1,11 @@
 import { ApplicationConfig } from '@angular/core';
 import { provideRouter } from '@angular/router';
-import { appRoutes } from './app.routes';
 import { provideClientHydration } from '@angular/platform-browser';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { provideWalletAdapter } from '@heavy-duty/wallet-adapter';
+
+import { appRoutes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideClientHydration(), provideRouter(appRoutes), provideAnimationsAsync()],
+  providers: [provideClientHydration(), provideRouter(appRoutes), provideAnimationsAsync(), provideWalletAdapter()],
 };

apps/webapp/src/app/containers/layout/layout-container.component.html

@@ -1,5 +1,8 @@
 <section class="min-h-screen flex flex-col">
   <projectx-header [title]="title">
+    <div right>
+      <hd-wallet-multi-button></hd-wallet-multi-button>
+    </div>
   </projectx-header>
   <main class="flex flex-grow">
     <ng-content></ng-content>

apps/webapp/src/app/containers/layout/layout-container.component.ts

@@ -1,10 +1,18 @@
 import { Component, Input } from '@angular/core';
 import { HeaderComponent, FooterComponent } from '@projectx/ui';
+import {
+  HdObscureAddressPipe,
+  HdWalletAdapterDirective,
+} from '@heavy-duty/wallet-adapter-cdk';
+import { HdWalletMultiButtonComponent } from '@heavy-duty/wallet-adapter-material';
 
 @Component({
   imports: [
     HeaderComponent,
     FooterComponent,
+    HdWalletAdapterDirective,
+    HdObscureAddressPipe,
+    HdWalletMultiButtonComponent,
   ],
   selector: 'webapp-layout-container',
   templateUrl: './layout-container.component.html',