Update spacing on JTBD pages

### User Story

[comment]: # (As a , I want to so that .)
As a user, I want to be able to differentiate between sections on JTBD clearly, so I can understand the various things I can do on Gitcoin

### Why Is this Needed

[comment]: # (Describe the problem and why this task is needed. Provide description of the current state, what you would like to happen, and what actually happen)
*Summary*: On the current JTBD pages, sections are too close to each other and designs are not consistent with the rest of our landing pages (with background colors)

### Description

[comment]: # (Feature or Bug? i.e Type: Bug)
*Type*: Feature

### Current Behavior
[comment]: # (Describe what actually happened.)
Unclear spacing between sections on JTBD pages

### Expected Behavior
[comment]: # (Describe what you expected to happen.)
Clearer distinction between sections on JTBD pages, with the use of divider lines, background color, and more consistent spacing.

### Definition of Done
[comment]: # (Any other information that would be useful, bullets are helpful.)
JTBD pages (earn, learn, connect, fund) are updated with new spacing

### Data Requirements
Conversions from JTBD pages

### Additional Information
[comment]: # (Any other information that would be useful, content, screenshots, etc.)
Specs and designs are on Gitcoin.co figma - "Jobs Pages Final (with Spacing)" page