feat: achievement improvements

- Added achievement notification
- Show locked achievements
- Fixed quote padding
- Fixed date picker layout

Co-authored-by: David Ralph <me@davidcralph.co.uk>
Co-authored-by: Isaac <contact@eartharoid.me>

src/components/Elements/MainModal/scss/settings/_main.scss

@@ -51,6 +51,8 @@ input {
   /* date picker */
   &[type='date'] {
     width: 260px;
+    display: flex;
+    flex-flow: column;
 
     @include themed {
       background: t($modal-sidebar);

src/components/Elements/MainModal/scss/settings/modules/tabs/_stats.scss

@@ -33,6 +33,12 @@
 }
 
 .achievements {
+  display: flex;
+  flex-flow: column;
+  gap: 15px;
+}
+
+.achievementsGrid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   grid-gap: 10px;