feat(core): ✨ add border to Citizen cards

resources/mixins.less

@@ -6,6 +6,7 @@
 @import 'variables.less';
 
 .citizen-card( @border-radius: true ) {
+	border: 1px solid var( --border-color-base );
 	background-color: var( --color-surface-1 );
 	box-shadow: var( --box-shadow-dialog );
 

resources/skins.citizen.search/skins.citizen.search.less

@@ -7,11 +7,11 @@
 	width: 100%;
 	max-height: ~'calc( var( --header-card-maxheight ) - var( --height-search-bar ) )';
 	box-sizing: border-box;
-	padding: 0.75rem 0 0 0;
-	margin: -0.75rem 0 0 0; // Reset <ol> styles
+	border-radius: 0 0 var( --border-radius--medium ) var( --border-radius--medium );
+	border-top: 0; // Reset citizen-card style
+	margin: 0; // Reset <ol> styles
 	overscroll-behavior: contain;
-	//border-radius: 0 0 var( --border-radius--medium ) var( --border-radius--medium );
-	.citizen-card;
+	.citizen-card( false );
 	.citizen-card-hide( 50% 0, Y, false );
 	// Well this won't be loaded before .citizen-animation-ready anyways
 	.citizen-card-transition();

resources/skins.citizen.styles/common/progressbar.less

@@ -71,7 +71,6 @@ html.citizen-loading::after {
 	top: 0;
 }
 
-/* stylelint-disable media-feature-name-no-unknown */
 @media ( display-mode: standalone ) {
 	// Standalone PWA has no loading affordance
 	// So we provide one

skinStyles/ooui/oojs-ui-core.less

@@ -349,7 +349,7 @@
 }
 
 .oo-ui-popupWidget-popup {
-	border-color: transparent;
+	border-color: var( --border-color-base );
 	border-radius: var( --border-radius--medium );
 	background-color: var( --color-surface-1 );
 	box-shadow: var( --box-shadow-dialog );