feat: add ripple effect, update theme styles and layout

src/main.js

@@ -1,5 +1,11 @@
 import { createApp } from 'vue'
 import './style.css'
 import App from './App.vue'
+import router from './router'
+import Ripple from './directives/ripple'
 
-createApp(App).mount('#app')
+const app = createApp(App)
+
+app.directive('ripple', Ripple)
+app.use(router)
+app.mount('#app')