feat: add plan checks to uiconfig (#2600)

Hopefully a cleaner and DRY way of checking for the current Unleash plan
level, which may help in cases like
#2585 (comment)

frontend/src/hooks/api/getters/useUiConfig/useUiConfig.ts

@@ -11,14 +11,27 @@ interface IUseUIConfigOutput {
     error?: Error;
     refetch: () => void;
     isOss: () => boolean;
+    isPro: () => boolean;
+    isEnterprise: () => boolean;
 }
 
 const useUiConfig = (): IUseUIConfigOutput => {
     const path = formatApiPath(`api/admin/ui-config`);
     const { data, error, mutate } = useSWR<IUiConfig>(path, fetcher);
 
     const isOss = useCallback(() => {
-        return !data?.versionInfo?.current?.enterprise;
+        return !Boolean(data?.versionInfo?.current?.enterprise);
+    }, [data]);
+
+    const isPro = useCallback(() => {
+        return data?.environment?.toLowerCase() === 'pro';
+    }, [data]);
+
+    const isEnterprise = useCallback(() => {
+        return (
+            data?.environment?.toLowerCase() !== 'pro' &&
+            Boolean(data?.versionInfo?.current?.enterprise)
+        );
     }, [data]);
 
     const uiConfig: IUiConfig = useMemo(() => {
@@ -35,6 +48,8 @@ const useUiConfig = (): IUseUIConfigOutput => {
         error,
         refetch: mutate,
         isOss,
+        isPro,
+        isEnterprise,
     };
 };