ProjectListItem: Disabled sync button and render tooltip on sync.

Added feature of disabling sync button when users click sync button and rendering tooltip when disabled sync button on hover.

awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.jsx

@@ -169,7 +169,10 @@ function ProjectListItem({
             visible={project.summary_fields.user_capabilities.start}
             tooltip={i18n._(t`Sync Project`)}
           >
-            <ProjectSyncButton projectId={project.id} />
+            <ProjectSyncButton
+              projectId={project.id}
+              lastJobStatus={project.summary_fields.last_job.status}
+            />
           </ActionItem>
           <ActionItem
             visible={project.summary_fields.user_capabilities.edit}

awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.test.jsx

@@ -342,6 +342,10 @@ describe('<ProjectsListItem />', () => {
                   description: '',
                   name: 'Mock org',
                 },
+                last_job: {
+                  id: 9000,
+                  status: 'successful',
+                },
                 user_capabilities: {
                   start: true,
                 },