Create a networking guide for Programmers

[chhaviluthra08]

Closes #1164

Description

This PR introduces a hero image for the Networking Guide for Programmers page.

Changes made:

• Added new SVG illustration NetworkingGuide.svg in public/assets/svg/.

• Updated UndrawIllustration.tsx to include the aspect ratio entry for NetworkingGuide.

• Updated networking-guide.mdx to render the hero illustration at the top of the page.

Hi @meg-gutshall @BekahHW I would like to know where the changes I've made and this pr is acceptable or not.

Methodology

Why?
The Networking Guide needed a hero illustration for consistency with other developer tips pages and to improve visual appeal.

Code of Conduct

By submitting this pull request, you agree to follow our Code of Conduct

[netlify]

👷 Deploy Preview for virtual-coffee-io processing.

Name	Link
🔨 Latest commit	d711280
🔍 Latest deploy log	https://app.netlify.com/projects/virtual-coffee-io/deploys/68d84389fd3dfe00089e9caf

[adiati98]

Hey @chhaviluthra08,

Thanks for the PR! ✨

There are a couple of things here:

1. For the SVG, we're using dark pink for all our SVGs. The hex is #e83e8c. So, please change the color of the SVG.

2. I think what @BekahHW means here that you need to write the content, based on the prompts that she gave. For example:

   Introversion and Networking: Tips for introverted programmers.

   You can write tips for introverted programmers to do networking. You can make this a new subsection. This applies to all points here.

So, the issue #1164 is basically is to create a comprehensive guide of networking for programmers.

Please let us know if you have any questions.

[chhaviluthra08]

Hey @adiati98, I will change the svg right away and update the content.