Link and point out the Gitter migration pre-announcement from the left-menu

Part of the Gitter migration process: element-hq/roadmap#26

As drafted in https://docs.google.com/document/d/1WNuQ3s8dNn7uxdkG515Hnl07RhnCrXC7jmUP1r6czJA/edit

Author: MadLittleMods

public/js/vue/left-menu/components/announcements-body.vue

@@ -1,5 +1,5 @@
 <script>
-export const ACTIVE_TILL = new Date('2020-10-13T00:00:00.000Z');
+export const ACTIVE_TILL = new Date('2023-03-01T00:00:00.000Z');
 
 export const isAnnouncementActive = () => new Date(Date.now()) < ACTIVE_TILL;
 
@@ -11,48 +11,18 @@ export default {
 <template>
   <div class="announcements-body-root">
     <h2 class="announcements-body-title">Announcement</h2>
-    <p>Hello,</p>
     <p>
-      We are writing to you to inform you of some changes around the processing of your personal
-      data by Gitter.
+      Heads-up that on February 6th, you will be signed out and required to sign-in via
+      app.gitter.im. This is part of the Gitter migration process to switch to a fully
+      Matrix setup. Don't worry, all of your rooms and messages will still be available!
     </p>
     <p>
-      On the 30th of September, the Gitter web app was acquired by
-      <a href="https://element.io/" target="_blank">Element</a>
-      (a trading name of New Vector Ltd.). This means that your personal data, and all associated
-      information assets, has been transferred over to the new Controller of your data.
+      Any bots and scripts using the Gitter API will be cut off and will need to be
+      updated to use the Matrix APIs.
     </p>
     <p>
-      We would like to provide you with the assurance that your data will remain within the same
-      data centre and be processed in accordance with the General Data Protection Regulation. For
-      full details please see our
-      <a href="https://element.io/privacy" target="_blank">Privacy Policy</a>, which details,
-      amongst other things:
+      You can read more about this pre-announcement in the <a href="#TODO">blog post</a>.
     </p>
-    <ul>
-      <li>Our contact details;</li>
-      <li>Our Data Protection Officer’s contact details;</li>
-      <li>The purposes and legal basis of processing of your data;</li>
-      <li>Applicable categories of personal data;</li>
-      <li>Your rights in relation to your data;</li>
-    </ul>
-    <p>
-      You are in full control of your information and if you would not like Element to retain your
-      personal data please consult
-      <a
-        href="https://gitlab.com/gitterHQ/webapp/-/blob/develop/docs/accounts.md#how-do-i-delete-my-account"
-        target="_blank"
-        >these instructions</a
-      >
-      on how to delete your account. If you have any questions which cannot be answered by the links
-      above, please do not hesitate to get in touch via [email protected]
-    </p>
-    <p>
-      For more information on Gitter joining Element, please visit
-      <a href="https://element.io/blog/gitter-is-joining-element/" target="_blank">our blog</a>.
-    </p>
-    <p>Kindest regards,</p>
-    <p>Element</p>
   </div>
 </template>
 

public/js/vue/left-menu/components/menu-bar-body.vue

@@ -108,6 +108,7 @@ export default {
         type="announcements"
         class="item-announcements"
         label="View latest announcements from the Gitter team"
+        :hasMentions="true"
       >
         <template v-slot:icon>
           <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 16 16">