[Feature] Adds alert to skills page (#9966)

* Add alert

* Add translation

apps/web/src/lang/fr.json

@@ -6270,6 +6270,10 @@
     "defaultMessage": "Sélectionnez un groupe des publications",
     "description": "Placeholder for publishing group field"
   },
+  "Y1zzqe": {
+    "defaultMessage": "Cette liste de compétences est en cours d’élaboration. De nouvelles compétences sont ajoutées de façon continue.",
+    "description": "Message for skills page"
+  },
   "Y2PPGY": {
     "defaultMessage": "Imprimer le profil sans les coordonnées",
     "description": "Button label for print user anonymous profile"

apps/web/src/pages/Skills/SkillPage.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { defineMessage, useIntl } from "react-intl";
 
-import { Heading, Link, Well } from "@gc-digital-talent/ui";
+import { Alert, Heading, Link, Well } from "@gc-digital-talent/ui";
 
 import SEO from "~/components/SEO/SEO";
 import useRoutes from "~/hooks/useRoutes";
@@ -54,6 +54,21 @@ export const SkillPage = () => {
         data-h2-container="base(center, large, x1) p-tablet(center, large, x2)"
         data-h2-margin="base(x3)"
       >
+        <Alert.Root
+          type="info"
+          dismissible
+          live={false}
+          data-h2-margin="base(0, 0, x2, 0)"
+        >
+          <p>
+            {intl.formatMessage({
+              defaultMessage:
+                "This list of skills is under development. New skills are being added on an ongoing basis.",
+              id: "Y1zzqe",
+              description: "Message for skills page",
+            })}
+          </p>
+        </Alert.Root>
         <SkillTableApi
           title={formattedPageTitle}
           paginationState={{ ...INITIAL_STATE.paginationState, pageSize: 20 }}