[CORL-435] Stable CSS Classes (#2414)

* feat: fixed import issue with react

* feat: initial impl

* fix: review

src/core/client/framework/components/FacebookButton.tsx

@@ -1,5 +1,4 @@
-import React from "react";
-import { FunctionComponent } from "react";
+import React, { FunctionComponent } from "react";
 
 import { PropTypesOf } from "coral-framework/types";
 import { Button } from "coral-ui/components";

src/core/client/framework/components/GoogleButton.tsx

@@ -1,5 +1,4 @@
-import React from "react";
-import { FunctionComponent } from "react";
+import React, { FunctionComponent } from "react";
 
 import { PropTypesOf } from "coral-framework/types";
 import { Button } from "coral-ui/components";

src/core/client/framework/components/OIDCButton.tsx

@@ -1,5 +1,4 @@
-import React from "react";
-import { FunctionComponent } from "react";
+import React, { FunctionComponent } from "react";
 
 import { PropTypesOf } from "coral-framework/types";
 import { Button } from "coral-ui/components";

src/core/client/framework/helpers/createContextHOC.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import {
   hoistStatics,
   InferableComponentEnhancer,

src/core/client/framework/lib/i18n/withGetMessage.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { DefaultingInferableComponentEnhancer, hoistStatics } from "recompose";
 
 import { CoralContext, withContext } from "../bootstrap";

src/core/client/framework/lib/intersection/IntersectionContext.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 
 import { createContextHOC } from "coral-framework/helpers";
 

src/core/client/framework/lib/intersection/withInView.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { DefaultingInferableComponentEnhancer, hoistStatics } from "recompose";
 
 import { Observe, withIntersectionContext } from "./IntersectionContext";

src/core/client/framework/lib/relay/createFetchContainer.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import {
   compose,
   hoistStatics,

src/core/client/framework/lib/relay/createMutationContainer.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import {
   compose,
   hoistStatics,

src/core/client/framework/lib/relay/withLocalStateContainer.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { _RefType } from "react-relay";
 import {
   compose,

src/core/client/framework/lib/router/withRouteConfig.ts

@@ -1,5 +1,5 @@
 import { RouteMatch, RouteProps } from "found";
-import * as React from "react";
+import React from "react";
 
 type RouteConfig<Props = any, QueryResponse = undefined> = Partial<
   Pick<RouteProps, "query" | "getQuery">