update images

src/content/chainlink-automation/job-scheduler.mdx

@@ -12,7 +12,7 @@ whatsnext:
   }
 ---
 
-import { Aside } from "@components"
+import { Aside, ClickToZoom } from "@components"
 
 Trigger your existing contract functions based on a time schedule without needing to create Automation-compatible contracts. This guide explains how to register time-based Upkeeps.
 
@@ -22,25 +22,25 @@ Trigger your existing contract functions based on a time schedule without needin
 
 In the [Chainlink Automation App](https://automation.chain.link/), click the blue **Register new Upkeep** button.
 
-![Chainlink Automation App](/images/contract-devs/automation/auto-ui-home.png)
+<ClickToZoom src="/images/contract-devs/automation/auto-ui-home.png" />
 
 ### Connecting your Wallet
 
 If you do not already have a wallet connected with the Chainlink Automation network, the interface will prompt you to do so. Click the **Connect Wallet** button and follow the remaining prompts to connect your wallet to the network.
 
-![Automation Connect Wallet](/images/contract-devs/automation/auto-ui-wallet.png)
+<ClickToZoom src="/images/contract-devs/automation/auto-ui-wallet.png" />
 
 ## Trigger Selection
 
 After you have successfully connected your wallet, please select time-based trigger.
 
-![Automation Trigger Selection](/images/contract-devs/automation/auto-ui-pick.png)
+<ClickToZoom src="/images/automation/ui_select_trigger.png" />
 
 ## Using Time-Based Triggers
 
 When you select the time-based trigger, you are prompted to enter a _contract address_. Provide the address of the contract you want to automate. If you did not verify the contract on chain, you will need to paste the [Application Binary Interface](https://docs.soliditylang.org/en/develop/abi-spec.html) (ABI) of the deployed contract into the corresponding text box. Select the function name that you want to execute and provide any static inputs. If you want to use dynamic inputs please see [Custom logic Upkeeps](/chainlink-automation/register-upkeep)
 
-![Automation Time Based Trigger](/images/contract-devs/automation/automation-time-based-trigger.png)
+<ClickToZoom src="/images/contract-devs/automation/automation-time-based-trigger.png" />
 
 ### Specifying the Time Schedule
 
@@ -74,7 +74,7 @@ All times are in UTC
 
 After you enter your CRON expression, click **Next**.
 
-![Automation Cron Expression](/images/contract-devs/automation/automation-cron-expression.png)
+<ClickToZoom src="/images/contract-devs/automation/automation-cron-expression.png" />
 
 ### Entering Upkeep Details
 
@@ -87,7 +87,7 @@ To complete the upkeep registration process, you must enter some information abo
   recommended to add 150K additional gas to the gas limit of the function you are automating.
 </Aside>
 
-![Automation Upkeep Details](/images/contract-devs/automation/automation-upkeep-details.png)
+<ClickToZoom src="/images/contract-devs/automation/automation-upkeep-details.png" />
 
 <Aside type="tip" title="ERC-677 Link">
   For registration you must use ERC-677 LINK. Read our [LINK](/resources/link-token-contracts) page to determine where