chore: set up pre-commit hooks and fix linting (Task #181)

client/src/components/WalletConnect.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref } from 'vue';
 import { useChatStore } from '../stores/chat';
 
 const chatStore = useChatStore();
@@ -42,19 +42,28 @@ const connectWallet = async () => {
 <template>
   <div class="flex flex-col items-center justify-center h-screen bg-black/50 backdrop-blur-sm">
     <div class="p-8 bg-crypto-panel rounded-xl shadow-2xl border border-crypto-accent/20 text-center max-w-md w-full">
-      <h1 class="text-3xl font-bold mb-2 bg-gradient-to-r from-purple-400 to-pink-600 text-transparent bg-clip-text">Crypto Chat</h1>
-      <p class="text-crypto-muted mb-8">Connect your wallet to join the conversation.</p>
+      <h1 class="text-3xl font-bold mb-2 bg-gradient-to-r from-purple-400 to-pink-600 text-transparent bg-clip-text">
+        Crypto Chat
+      </h1>
+      <p class="text-crypto-muted mb-8">
+        Connect your wallet to join the conversation.
+      </p>
       
       <button 
-        @click="connectWallet" 
-        :disabled="isConnecting"
+        :disabled="isConnecting" 
         class="w-full py-3 px-6 bg-crypto-accent hover:bg-violet-600 text-white rounded-lg font-semibold transition-all transform hover:scale-105 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2"
+        @click="connectWallet"
       >
         <span v-if="isConnecting">Connecting...</span>
         <span v-else>Connect Phantom Wallet</span>
       </button>
 
-      <p v-if="error" class="mt-4 text-red-400 text-sm">{{ error }}</p>
+      <p
+        v-if="error"
+        class="mt-4 text-red-400 text-sm"
+      >
+        {{ error }}
+      </p>
     </div>
   </div>
 </template>