feat(ui): replace emoji icons with fontawesome icons

Add Font Awesome dependency and replace all emoji icons with corresponding Font Awesome icons across components. This provides better visual consistency and scalability.

src/main.js

@@ -1,6 +1,7 @@
 import { createApp } from 'vue';
 import App from './App.vue';
 import router from './router/index.js';
+import '@fortawesome/fontawesome-free/css/all.css';
 
 const app = createApp(App);
 app.use(router);