IO-3020 IO-3036 Add additional upsell components.

client/src/pages/scoreboard/scoreboard.page.container.jsx

@@ -1,5 +1,5 @@
 import Icon, { FieldTimeOutlined } from "@ant-design/icons";
-import { Tabs } from "antd";
+import { Card, Tabs } from "antd";
 import queryString from "query-string";
 import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
@@ -15,6 +15,7 @@ import ScoreboardTimeTickets from "../../components/scoreboard-timetickets/score
 import { setBreadcrumbs, setSelectedHeader } from "../../redux/application/application.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
+import UpsellComponent, { upsellEnum } from "../../components/upsell/upsell.component";
 
 /**
  * Mapping state to props
@@ -68,10 +69,10 @@ export function ScoreboardContainer({ setBreadcrumbs, setSelectedHeader }) {
   return (
     <FeatureWrapper
       featureName="scoreboard"
-      upsellComponent={
-        {
-          //TODO:Upsell
-        }
+      noauth={
+        <Card>
+          <UpsellComponent upsell={upsellEnum.scoreboard.general} />
+        </Card>
       }
     >
       <RbacWrapper action="scoreboard:view">