Orgs: Add future deprecation notice (#24502)

* Orgs: Fist draft of orgs deprecation infobox

* adds warning about potentially deprecating orgs (#24512)

* Updates

* Fixed ts issue

Co-authored-by: Carl Bergquist <carl@grafana.com>

packages/grafana-ui/src/components/Badge/Badge.tsx

@@ -9,7 +9,7 @@ import tinycolor from 'tinycolor2';
 import { css } from 'emotion';
 import { HorizontalGroup } from '..';
 
-export type BadgeColor = 'blue' | 'red' | 'green' | 'orange';
+export type BadgeColor = 'blue' | 'red' | 'green' | 'orange' | 'purple';
 
 export interface BadgeProps {
   text: string;

packages/grafana-ui/src/components/InfoBox/FeatureInfoBox.tsx

@@ -9,6 +9,7 @@ interface FeatureInfoBox extends Omit<InfoBoxProps, 'branded' | 'title' | 'urlTi
   title: string;
   featureState?: FeatureState;
 }
+
 export const FeatureInfoBox = React.memo(
   React.forwardRef<HTMLDivElement, FeatureInfoBox>(({ title, featureState, ...otherProps }, ref) => {
     const theme = useTheme();