feat(frontend): display discouraged feature information

e2e/tests/feature-page.spec.ts

@@ -24,6 +24,8 @@ test.beforeEach(async ({page}) => {
 const featureID = 'anchor-positioning';
 const featureName = 'Anchor Positioning';
 
+const discouragedFeatureId = 'discouraged';
+
 test('matches the screenshot', async ({page}) => {
   await page.goto(`http://localhost:5555/features/${featureID}`);
 
@@ -37,6 +39,19 @@ test('matches the screenshot', async ({page}) => {
   await expect(pageContainer).toHaveScreenshot();
 });
 
+test('matches the screenshot for a discouraged feature', async ({page}) => {
+  await page.goto(`http://localhost:5555/features/${discouragedFeatureId}`);
+
+  // Wait for the chart container to exist
+  await page.waitForSelector('#feature-wpt-implementation-progress-0-complete');
+
+  // Wait specifically for the "Baseline since" text
+  await page.waitForSelector('sl-card.wptScore .avail >> text=Baseline since');
+
+  const pageContainer = page.locator('.page-container');
+  await expect(pageContainer).toHaveScreenshot();
+});
+
 test('chart width resizes with window', async ({page}) => {
   await page.goto(`http://localhost:5555/features/${featureID}`);
   await page.waitForSelector('#feature-wpt-implementation-progress-0-complete');

e2e/tests/overview-page.spec.ts-snapshots/webstatus-feature-overview-all-columns-chromium-linux.csv

@@ -18,21 +18,21 @@
 "Qui54","newly","2020-01-05","0.503576538","2020-01-21","0.673802243","2021-01-04","0.019693654","2020-01-26","0.481854839","0.195542047","0.144360902","0.78","0.616352201","","829"
 "Qui27","newly","2021-07-19","0.37490008","2025-01-24","0.050408719","2024-03-08","0.557543232","2020-04-27","0.935742972","0.628571429","0.618892508","0.879671832","0.533384497","0.7106","977"
 "Quaerat14","newly","2027-06-28","0.272157565","2021-12-15","0.493865031","2022-07-16","0.36565097","2020-04-27","0.525026624","0.066101695","0.541732283","0.813559322","0.519727891","0.3749","372"
-"Nostrum12","newly","2020-08-31","0.743209877","","0.456031128","2020-01-11","0.009487666","2022-07-22","0.474103586","0.510791367","0.27100073","0.723628692","0.141122914","0.2935","431"
-"Nihil45","newly","2024-07-23","0.615676359","2021-12-15","0.316139767","","0.478491456","2023-07-28","0.573","0.662642045","0.74624374","0.144578313","0.991351351","0.00001","855"
-"Natus68","newly","2021-11-21","0.467141292","2020-11-18","0.438810007","2022-02-17","0.261339093","","0.24666143","0.106766917","0.649822695","0.399270738","0.385403329","0.9001","792"
-"Molestias63","newly","2020-04-08","0.956643357","2022-05-24","0.315907394","","0.798370672","2030-08-25","0.019230769","0.150724638","0.289473684","0.472457627","0.733333333","","432"
-"Impedit42","newly","2022-11-01","0.421551724","2027-01-11","0.749433962","2028-07-08","0.52900232","2020-01-26","0.462484625","0.712678937","0.651100734","0.173953488","0.595696489","0.2118","698"
-"File System Access","widely","","0.219806763","2020-01-14","0.214650767","2028-10-03","0.50764526","","0.19622093","0.26433121","0.964797914","0.073232323","0.454749439","","109"
-"Explicabo31","widely","2032-10-26","0.482889734","2020-11-18","0.276094276","2021-08-23","0.610567515","2024-06-29","0.488110964","0.488324873","0.702233251","0.429126214","0.711455642","0",""
-"Expedita38","newly","2020-08-31","0.872229465","2021-08-31","0.60704607","2029-10-12","0.119791667","","0.994974874","0.920489297","0.262254902","0.400607903","0.329187396","","878"
-"Et73","newly","2020-08-31","0.880692168","2021-08-31","0.392893401","2028-07-08","0.321533923","2020-04-27","0.590305445","0.576512456","0.528246942","0.680722892","0.578431373","0.1742","305"
-"Et66","widely","","0.14415437","2020-08-05","0.709320695","2020-01-11","0.561360875","2023-12-07","0.341960784","0.486325803","0.311720698","0.590662324","0.078825348","0.042","181"
-"Et61","widely","2030-09-10","0.495039683","2032-08-01","0.075675676","2022-10-22","0.264573991","2021-03-11","0.588528678","0.489104116","0.215538847","0.660046729","0.608267717","0.7724","892"
-"Est58","newly","2024-07-23","0.567729084","2020-04-19","0.942752741","2022-10-22","0.372111554","2025-12-12","0.649842271","0.787762906","0.43871975","0.50330251","0.739599384","0.00001","771"
-"Est29","widely","2020-04-08","0.749190939","2023-01-24","0.762295082","2023-07-11","0.174698795","2023-03-03","0.575642245","0.755453502","0.37302726","0.560089021","0.265709156","","835"
-"Dolor28","widely","2021-01-03","0.613355317","2025-09-23","0.899606299","","0.891252955","2020-04-27","0.622222222","0.550724638","0.384615385","0.542732716","0.127639155","","266"
-"Dolor16","newly","2021-07-19","0.204285714","2030-01-13","0.388095238","2026-09-19","0.160599572","2031-04-03","0.781553398","0.993939394","0.748726655","0.973451327","0.669868996","0","453"
+"Nisi24","newly","2020-08-31","0.743209877","","0.456031128","2020-01-11","0.009487666","2022-07-22","0.474103586","0.510791367","0.27100073","0.723628692","0.141122914","0.2935","431"
+"Natus68","newly","2024-07-23","0.615676359","2021-12-15","0.316139767","","0.478491456","2023-07-28","0.573","0.662642045","0.74624374","0.144578313","0.991351351","0.00001","855"
+"Molestias63","newly","2021-11-21","0.467141292","2020-11-18","0.438810007","2022-02-17","0.261339093","","0.24666143","0.106766917","0.649822695","0.399270738","0.385403329","0.9001","792"
+"Molestiae77","newly","2020-04-08","0.956643357","2022-05-24","0.315907394","","0.798370672","2030-08-25","0.019230769","0.150724638","0.289473684","0.472457627","0.733333333","","432"
+"Fugit69","newly","2022-11-01","0.421551724","2027-01-11","0.749433962","2028-07-08","0.52900232","2020-01-26","0.462484625","0.712678937","0.651100734","0.173953488","0.595696489","0.2118","698"
+"Explicabo31","widely","","0.219806763","2020-01-14","0.214650767","2028-10-03","0.50764526","","0.19622093","0.26433121","0.964797914","0.073232323","0.454749439","","109"
+"Expedita38","widely","2032-10-26","0.482889734","2020-11-18","0.276094276","2021-08-23","0.610567515","2024-06-29","0.488110964","0.488324873","0.702233251","0.429126214","0.711455642","0",""
+"Expedita32","newly","2020-08-31","0.872229465","2021-08-31","0.60704607","2029-10-12","0.119791667","","0.994974874","0.920489297","0.262254902","0.400607903","0.329187396","","878"
+"Et66","newly","2020-08-31","0.880692168","2021-08-31","0.392893401","2028-07-08","0.321533923","2020-04-27","0.590305445","0.576512456","0.528246942","0.680722892","0.578431373","0.1742","305"
+"Et61","widely","","0.14415437","2020-08-05","0.709320695","2020-01-11","0.561360875","2023-12-07","0.341960784","0.486325803","0.311720698","0.590662324","0.078825348","0.042","181"
+"Est58","widely","2030-09-10","0.495039683","2032-08-01","0.075675676","2022-10-22","0.264573991","2021-03-11","0.588528678","0.489104116","0.215538847","0.660046729","0.608267717","0.7724","892"
+"Est29","newly","2024-07-23","0.567729084","2020-04-19","0.942752741","2022-10-22","0.372111554","2025-12-12","0.649842271","0.787762906","0.43871975","0.50330251","0.739599384","0.00001","771"
+"Est17","widely","2020-04-08","0.749190939","2023-01-24","0.762295082","2023-07-11","0.174698795","2023-03-03","0.575642245","0.755453502","0.37302726","0.560089021","0.265709156","","835"
+"Dolor16","widely","2021-01-03","0.613355317","2025-09-23","0.899606299","","0.891252955","2020-04-27","0.622222222","0.550724638","0.384615385","0.542732716","0.127639155","","266"
+"Discouraged Feature","newly","2021-07-19","0.204285714","2030-01-13","0.388095238","2026-09-19","0.160599572","2031-04-03","0.781553398","0.993939394","0.748726655","0.973451327","0.669868996","0","453"
 "Deleniti21","widely","","0.634294385","2025-06-10","0.414182939","","0.357142857","2020-04-27","0.411810412","0.705521472","0.604147031","0.3003663","0.442857143","","656"
 "Data List","newly","2020-01-05","0.939597315","2021-04-13","0.126934985","2020-01-11","0.684353741","2025-01-17","0.462264151","0.749542962","0.315969842","0.439501779","0.626865672","0.2583","326"
 "Cumque62","widely","2020-01-05","0.414847162","2025-12-07","0.255499154","2020-01-11","0.624370594","2020-01-27","0.164794007","0.172284644","0.53125","0.657088123","0.666189112","","346"
@@ -44,15 +44,15 @@
 "Delectus72","limited","","0.382533825","","0.931718062","2020-01-08","0.497710922","2023-03-03","0.854868914","0.926596759","0.401948843","0.815082645","0.767741935","","467"
 "Dialog","limited","2022-03-16","0.186283596","2023-11-18","0.554347826","2024-03-08","0.4673848","2023-12-07","0.582156611","0.131414268","0.538261997","0.485915493","0.440545809","0","286"
 "Dignissimos44","limited","2020-01-05","0.447908121","2020-08-05","0.305581835","","0.611152977","2020-01-26","0.347484277","0.602700782","0.700587084","0.536585366","0.718074656","","14"
-"Doloremque46","limited","2020-04-08","0.1621881","2021-04-13","0.897476341","2020-01-11","0.278580815","","0.562316716","0.717318436","0.547727273","0.146099291","0.235294118","0.00001","889"
-"Doloribus71","limited","","0.204081633","2021-08-31","0.885665529","2020-05-02","0.481675393","","0.455308938","0.756815703","0.527305282","0.389759666","0.546684709","0.3979","693"
-"Earum35","limited","2020-04-08","0.611111111","2020-01-14","0.746575342","2032-02-28","0.446240905","2020-01-26","0.362477231","0.661991585","0.574720211","0.911154985","0.446115288","0.0264","672"
-"Error13","limited","2021-01-03","0.283908046","2025-12-07","0.834532374","2020-05-02","0.51060487","","0.765352887","0.560627675","0.848826291","0.6437684","0.405372405","","335"
-"Est17","limited","2020-01-05","0.84202454","2020-01-21","0.195167286","2022-07-16","0.323308271","","0.383033419","0.598832969","0.355521936","0.451038576","0.629899727","","629"
-"Fugiat37","limited","2020-01-05","0.991189427","2021-04-13","0.868708972","2024-06-10","0.638326586","2024-06-29","0.48244382","0.636302746","0.155688623","0.534979424","0.125701459","0.8749","480"
-"Fugit69","limited","2021-11-21","0.351791531","2023-08-26","0.571850976","2021-01-04","0.445079365","2020-01-27","0.602564103","0.524704245","0.498414376","0.960985626","0.383467279","0.00001",""
-"Inventore43","limited","2021-11-21","0.559910414","","0.878321678","2024-10-14","0.57347973","2030-08-25","0.263358779","0.121537087","0.437217195","0.469708891","0.775471698","","89"
-"Molestiae77","limited","2023-11-21","0.332339791","2020-11-18","0.590175953","2022-02-17","0.023856859","2025-12-12","0.139150943","0.734455959","0.765517241","0.414693382","0.624407583","0.00001","418"
+"Dolor28","limited","2020-04-08","0.1621881","2021-04-13","0.897476341","2020-01-11","0.278580815","","0.562316716","0.717318436","0.547727273","0.146099291","0.235294118","0.00001","889"
+"Doloremque46","limited","","0.204081633","2021-08-31","0.885665529","2020-05-02","0.481675393","","0.455308938","0.756815703","0.527305282","0.389759666","0.546684709","0.3979","693"
+"Ea52","limited","2020-04-08","0.611111111","2020-01-14","0.746575342","2032-02-28","0.446240905","2020-01-26","0.362477231","0.661991585","0.574720211","0.911154985","0.446115288","0.0264","672"
+"Earum35","limited","2021-01-03","0.283908046","2025-12-07","0.834532374","2020-05-02","0.51060487","","0.765352887","0.560627675","0.848826291","0.6437684","0.405372405","","335"
+"Error13","limited","2020-01-05","0.84202454","2020-01-21","0.195167286","2022-07-16","0.323308271","","0.383033419","0.598832969","0.355521936","0.451038576","0.629899727","","629"
+"File System Access","limited","2020-01-05","0.991189427","2021-04-13","0.868708972","2024-06-10","0.638326586","2024-06-29","0.48244382","0.636302746","0.155688623","0.534979424","0.125701459","0.8749","480"
+"Fugiat37","limited","2021-11-21","0.351791531","2023-08-26","0.571850976","2021-01-04","0.445079365","2020-01-27","0.602564103","0.524704245","0.498414376","0.960985626","0.383467279","0.00001",""
+"Impedit42","limited","2021-11-21","0.559910414","","0.878321678","2024-10-14","0.57347973","2030-08-25","0.263358779","0.121537087","0.437217195","0.469708891","0.775471698","","89"
+"Inventore43","limited","2023-11-21","0.332339791","2020-11-18","0.590175953","2022-02-17","0.023856859","2025-12-12","0.139150943","0.734455959","0.765517241","0.414693382","0.624407583","0.00001","418"
 "Notifications","limited","2031-01-25","0.205445545","2020-01-21","0.5","2024-10-14","0.59894806","2021-03-11","0.475990396","0.630594522","0.630156472","0.390243902","0.511286089","0.00001","160"
 "Numquam56","limited","2021-07-19","0.252631579","2025-09-23","0.509727626","2026-09-19","0.286234523","2023-07-28","0.543781372","0.290644172","0.378947368","0.511411665","0.007005254","0",""
 "Odit64","limited","2022-06-05","0.558486239","2020-04-19","0.328006728","2024-03-08","0.310506567","2029-12-30","0.017948718","0.554994955","0.480830671","0.410187668","0.958634953","0.7813",""
@@ -66,10 +66,10 @@
 "After Split Feature 1","","","undefined","","undefined","","undefined","","undefined","undefined","undefined","undefined","undefined","",""
 "After Split Feature 2","","","undefined","","undefined","","undefined","","undefined","undefined","undefined","undefined","undefined","",""
 "Autem60","","2022-11-01","0.124763705","","0.455140799","2020-01-08","0.566909976","2024-03-05","0.51608986","0.996815287","0.859217877","0.779316713","0.798603027","",""
-"Ea52","","2021-01-03","0.042007001","","0.16519174","2020-01-11","0.477973568","2020-04-27","0.272959184","0.633802817","0.590966123","0.021021021","0.4086661","0.1862","232"
-"Expedita32","","2020-01-05","0.47008547","2020-01-21","0.455732946","2020-01-08","0.443442623","","0.56490952","0.715616046","0.365401589","0.449275362","0.465536723","0.1422","250"
+"Doloribus71","","2021-01-03","0.042007001","","0.16519174","2020-01-11","0.477973568","2020-04-27","0.272959184","0.633802817","0.590966123","0.021021021","0.4086661","0.1862","232"
+"Et73","","2020-01-05","0.47008547","2020-01-21","0.455732946","2020-01-08","0.443442623","","0.56490952","0.715616046","0.365401589","0.449275362","0.465536723","0.1422","250"
 "New Feature","","","0.544517338","","0.78238342","","0.538235294","","0.558823529","0.174006445","0.488491049","0.390950226","0.44983462","0","837"
-"Nisi24","","","0.489862655","2022-05-24","0.256508423","2020-01-08","0.966101695","2021-03-11","0","0.126666667","0.509849363","0.433865815","0.429856115","0.00001",""
+"Nihil45","","","0.489862655","2022-05-24","0.256508423","2020-01-08","0.966101695","2021-03-11","0","0.126666667","0.509849363","0.433865815","0.429856115","0.00001",""
 "Popover","","2020-04-08","0.472893183","","0.030018762","2022-07-16","0.537037037","2025-06-01","0.370879121","0.401297498","0.822869955","0.444552529","0.820247934","","422"
 "Quia19","","2020-04-08","0.945273632","2022-11-21","0.876106195","2020-05-02","0.612348178","2021-03-11","0.032332564","0.038560411","0.738831615","0.533993399","0.882725832","0",""
 "Quod40","","2022-03-16","0.637787056","2020-01-21","0.810760668","2021-01-04","0.8","2024-03-05","0.320877335","0.593023256","0.589693412","0.367313916","0.539766082","0.7339","567"