Updated resume preview with white text and default headings

Issues Identification

Closes: #(issue number)

Description

Summary

default headings were not there in the text like name, email,achievements etc wgich were needed. also the css color of both bg resume preview was black and the text color was also black which made the text invisible

Details

Changes Made: Text Color Adjustment:

Text Color: The text color within the resume content was changed to white. This adjustment was made to ensure that the text is visible against the black background, improving readability for users when they preview their resume. Default Headings in Resume Preview:

Prewritten Headings: Default headings (e.g., "Name:", "Email:", "Achievements:") were added in the generateResume function. This ensures that each section of the resume is clearly labeled, even if the user does not fill in certain fields. For instance, if a user leaves the name field empty, the preview will still show "Name: Not provided," enhancing clarity and guidance. Problems Solved: Text Visibility Issue:

The initial text color being black on a black background made the content invisible. Changing the text color to white resolved this visibility issue, allowing users to easily read their resume content in the preview. Clarity of Resume Sections:

The addition of default headings provides clear identification of the various sections in the resume. This improvement helps users understand the structure of their resume and what information is needed, even if they have not filled out all fields.

Types of Changes

Please check the boxes that apply

[✅ ] Bugfix (non-breaking change that fixes an issue)
[ ] New feature (non-breaking change that adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
[ ] Documentation update (Documentation content changed)
[ ] Other (please describe):

Checklist

Please check the boxes that apply

[✅ ] My code follows the style guidelines of this project
[ ] I have performed a self-review of my own code
[ ] I have commented my code, particularly in hard-to-understand areas
[ ] I have made corresponding changes to the documentation
[ ] My changes generate no new warnings
[ ] My changes do not break the current system and pass all existing test cases
[ ] I have added tests that prove my fix is effective or that my feature works
[ ] New and existing unit tests pass locally with my changes

Screenshots

If applicable, please attach screenshots of the changes made to the user interface.

Additional Information

Please provide any other information that is relevant to this pull request.

Name	Link
Latest commit	01d5cfecdc9cf84dcc797b539227b64d9b452b84
Latest deploy log	https://app.netlify.com/sites/pathsphere/deploys/67261e807238cd000876e5d2
Deploy Preview	https://deploy-preview-1157--pathsphere.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

aditya-bhaumik / Pathsphere