fix(frontend): Update objective shadow with UX approved shadow #1403

Author: schiltpuzzle

frontend/src/app/components/objective/objective.component.scss

@@ -2,21 +2,22 @@
 
 .objective {
   max-width: 750px;
-  position: relative;
+  box-shadow:
+    0px 0px 0px 0px #0000000f,
+    1px 1px 2px 0px #0000000f,
+    3px 3px 4px 0px #0000000d,
+    8px 6px 6px 0px #00000008,
+    14px 11px 7px 0px #00000003,
+    21px 18px 8px 0px #00000000;
 
-  &::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    z-index: 0;
-    pointer-events: none;
-    border-radius: inherit;
-    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
-  }
   &:hover {
-    &::after {
-      box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25);
-    }
+    box-shadow:
+      0px 0px 0px 0px #0000001a,
+      2px 1px 5px 0px #0000001a,
+      8px 5px 9px 0px #00000017,
+      18px 11px 13px 0px #0000000d,
+      32px 19px 15px 0px #00000003,
+      51px 29px 16px 0px #00000000;
   }
 }