PM-1064 Request Copilot button on opportunity feed

Author: himaniraghav3

src/apps/copilots/src/pages/copilot-opportunity-list/index.tsx

@@ -1,14 +1,16 @@
-import { FC, useMemo } from 'react'
+import { FC, useContext, useMemo } from 'react'
 import { useNavigate } from 'react-router-dom'
 import classNames from 'classnames'
 
 import {
+    ButtonProps,
     ContentLayout,
     LoadingSpinner,
     PageTitle,
     Table,
     TableColumn,
 } from '~/libs/ui'
+import { profileContext, ProfileContextData, UserRole } from '~/libs/core'
 
 import { CopilotOpportunity } from '../../models/CopilotOpportunity'
 import { copilotRoutesMap } from '../../copilots.routes'
@@ -88,6 +90,9 @@ const tableColumns: TableColumn<CopilotOpportunity>[] = [
 const CopilotOpportunityList: FC<{}> = () => {
     const navigate = useNavigate()
 
+    const { profile }: ProfileContextData = useContext(profileContext)
+    const canViewRequestCopilotButton: boolean = useMemo(() => !!profile?.roles?.includes(UserRole.tcaAdmin), [profile])
+
     const {
         data: opportunities, isValidating, size, setSize,
     }: CopilotOpportunitiesResponse = useCopilotOpportunities()
@@ -107,9 +112,15 @@ const CopilotOpportunityList: FC<{}> = () => {
 
     const opportunitiesLoading = isValidating
 
+    const addNewRequestButton: ButtonProps = {
+        label: 'New Copilot Request',
+        onClick: () => navigate(copilotRoutesMap.CopilotRequestForm),
+    }
+
     return (
         <ContentLayout
             title='Copilot Opportunities'
+            buttonConfig={canViewRequestCopilotButton ? addNewRequestButton : undefined}
         >
             <PageTitle>Copilot Opportunities</PageTitle>
             <Table