CEC-3916 add max range (#296)

* CEC-3916 Add max range
Magna should not have access to self serve CAN page

* Max range

src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap

@@ -55,6 +55,13 @@ exports[`DigitalTwinTab Render 1`] = `
                 : 
                 unknown
               </p>
+              <p>
+                <b>
+                  Max Range
+                </b>
+                : 
+                577
+              </p>
             </div>
             <div
               class="makeStyles-popupSection-0"
@@ -195,7 +202,7 @@ exports[`DigitalTwinTab Render 1`] = `
             >
               <p>
                 <b>
-                  Updated at
+                  Updated At
                 </b>
                 : 
                 7/26/2022 12:26:38 AM
@@ -206,7 +213,7 @@ exports[`DigitalTwinTab Render 1`] = `
             >
               <p>
                 <b>
-                  DBC version
+                  DBC Version
                 </b>
                 : 
                 d439abd3662dd20099f49dd8f43f7b145202e961caa2b5aba2c6154c8096348b

src/components/Cars/Status/index.jsx

@@ -26,10 +26,12 @@ const TabViews = [
   {
     label: "Details",
     component: CarDetailsTab,
+    rolesPerProvider: Permissions.FiskerMagnaRead,
   },
   {
     label: "Car Updates",
     component: CarUpdatesTab,
+    rolesPerProvider: Permissions.FiskerMagnaRead,
   },
   {
     label: "CAN Filters",
@@ -39,22 +41,27 @@ const TabViews = [
   {
     label: "Digital Twin",
     component: DigitalTwinTab,
+    rolesPerProvider: Permissions.FiskerMagnaRead,
   },
   {
     label: "CAN Signals",
     component: CANSignalsTab,
+    rolesPerProvider: Permissions.FiskerMagnaRead,
   },
   {
     label: "T.Rex logs",
     component: TRexLogsTab,
+    rolesPerProvider: Permissions.FiskerMagnaRead,
   },
   {
     label: "ECUs",
     component: ECUsTab,
+    rolesPerProvider: Permissions.FiskerMagnaRead,
   },
   {
     label: "Remote Commands",
     component: RemoteCommandsTab,
+    rolesPerProvider: Permissions.FiskerMagnaCreate,
   },
   {
     label: "Fleets",
@@ -63,7 +70,8 @@ const TabViews = [
   },
   {
     label: "CAN Signal Export",
-    component: SelfServeTab
+    component: SelfServeTab,
+    rolesPerProvider: Permissions.FiskerRead,
   }
 ];