Show error msg on Job Details page in toast if Job was Failed (#9)

* Show error msg on Job Details page in toast

* resolved checks failed

* Copilot PR suggestions

* Add Alert instead of Toast

---------

Co-authored-by: babourine <babourine@users.noreply.github.com>

Author: gauravwarale

web/src/app/layout.tsx

@@ -1,4 +1,5 @@
 import LeftNavContainer from '@/components/NavigationBar/LeftNavContainer'
+
 import dynamic from 'next/dynamic'
 import { NuqsAdapter } from 'nuqs/adapters/next/app'
 

web/src/modules/Jobs/Helper.tsx

@@ -36,6 +36,7 @@ export type JobType = {
   command_name: string
   cluster_id: string
   cluster_name: string
+  error?: string
   context?: {
     properties: {
       'spark.driver.cores': string

web/src/modules/Jobs/JobDetails/JobDetailsHeader.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { PageHeader, SectionHeader } from '@patterninc/react-ui'
+import { Alert, PageHeader, SectionHeader } from '@patterninc/react-ui'
 import styles from './_job-Details.module.scss'
 import { JobDataTypesProps } from '../Helper'
 import SyntaxHighlighter from 'react-syntax-highlighter'
@@ -48,6 +48,9 @@ const JobDetailsHeader = ({ jobData }: JobDataTypesProps): React.JSX.Element =>
             className={`${styles.bottomSectionContainer} bgc-white pat-border-t bdrc-medium-purple`}
           >
             <div className='flex flex-direction-column pat-gap-4 pat-p-4'>
+              {jobData?.status === 'FAILED' ? (
+                <Alert type='error' text={jobData?.error} />
+              ) : null}
               {yamlContext ? (
                 <div>
                   <SectionHeader title='Context' />