feat: Quick and Dirty Export page

[GDamaso]

Description

Qucik and dirty Export page. Just took a bunch of stuff from the Landing Page and MAin Page to make this quickly.
We want to start work on exporting asap!

Type of changes

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist

• I have read the CONTRIBUTING doc
• 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
• 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
• Any dependent changes have already been accepted and merged

Further comments

Demo

Mockup

---

Thanks for the PR!

Deployments, as required, will be available below:

• Frontend
• Backend

Please create PRs in draft mode. Mark as ready to enable:

• Analysis Workflow

After merge, new images are deployed in:

• Merge Workflow

[GDamaso]

Self Reviewed 👌

[kcaparas1630]

In my perspective, I haven't seen anything bad in this ticket. It's an export page draft, that deletes localStorage data when download is pressed for the meantime. It does it job.

However, there are some warnings that displays in the console. If you can change textArea's initial values to just an empty string instead of a null. Since, it's accepting a string anyways, and it still indicates that no values was entered.

Another warning that I'm getting in my console regarding keys. I'm pretty sure it's because of this line here in the Summary.tsx

{farmDetails.Fields.map((field) => (
        <div key={field.FieldName}>
          <p>{field.FieldName}</p>
          <p>{field.Area}</p>
          <p>{field.Comments}</p>
        </div>
      ))}

You can do this instead

  <div key={index}>
    <p>{field.FieldName}</p>
    <p>{field.Area}</p>
    <p>{field.Comments}</p>
  </div>
))}```


Anyways, this is not part of this ticket, so I'll bug you elsewhere. Good work! 🚀