fix default values when going back to start (#11)

* add border radius

* fix settings styling a little

* move hook

* get default values from localstorage

src/Hooks/useAnalytics.ts

@@ -0,0 +1,25 @@
+import { initializeApp } from 'firebase/app';
+import { getAnalytics, logEvent } from 'firebase/analytics';
+
+const firebaseConfig = {
+  apiKey: 'AIzaSyCZ1AHMb5zmWS4VoRnC-OBxTswUfrJ0mlY',
+  authDomain: 'life-trinket.firebaseapp.com',
+  projectId: 'life-trinket',
+  storageBucket: 'life-trinket.appspot.com',
+  messagingSenderId: '508011650619',
+  appId: '1:508011650619:web:bdc7d0b6f8707b1f9e861e',
+};
+
+const app = initializeApp(firebaseConfig);
+const analytics = getAnalytics(app);
+
+export const useAnalytics = () => {
+  const trackEvent = (
+    eventName: string,
+    eventParams?: { [key: string]: unknown }
+  ) => {
+    logEvent(analytics, eventName, eventParams);
+  };
+
+  return { trackEvent };
+};