QMAPS-3075 Change style for survey

package.json

@@ -112,7 +112,7 @@
   "dependencies": {
     "@qwant/map-style-builder": "github:Qwant/map-style-builder#81eebb0",
     "@qwant/qwant-basic-gl-style": "^1.4.0",
-    "@qwant/qwant-ponents": "^0.2.4",
+    "@qwant/qwant-ponents": "^0.2.8",
     "@turf/along": "^6.0.1",
     "@turf/bbox": "^6.0.1",
     "@turf/bearing": "^6.0.1",

src/components/Survey.jsx

@@ -30,6 +30,7 @@ const Survey = () => {
     <div className="survey">
       {survey && enabled && (
         <Notification
+          variant="green"
           title={survey.person_name}
           titleSecondary={survey.title}
           icon={survey.image}

src/scss/includes/survey.scss

@@ -1,35 +1,9 @@
 .survey aside {
-  background: var(--grey-000) !important;
   top: 80px;
   right: 10px;
   bottom: auto;
-  box-shadow: rgb(0 0 0 / 20%) 0 2px 12px 0 !important;
-
-  div img {
-    border-radius: 8px;
-  }
-
-  div + div + div a {
-    background: var(--green-400);
-
-    &:hover {
-      background: var(--green-300);
-    }
-  }
-
-  button svg {
-    width: 24px;
-    height: 24px;
-  }
-
-  * {
-    color: var(--grey-900);
-  }
-}
-
-@media (max-width: 640px) {
-  .survey aside {
-    top: 77px;
+  @media (max-width: 640px) {
+    top: 90px;
     max-width: none;
     height: auto;
     left: 10px;