feat(UI): delete, change status, edit tasks

[adi-uchiha]

Closes #85

Description

• [x] Made the application highly responsive
• [x] User can delete tasks
• [x] User can edit tasks

Related Issue

85

Motivation and Context

How Has This Been Tested?

Checklist:

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• 

  ] I have added tests that prove my fix is effective or that my feature works

Screenshots (if appropriate):

[netlify[bot]]

✅ Deploy Preview for coffeetasks ready!

Name	Link
🔨 Latest commit	b1293ab49569511cab4d904c4bc9bcff56dd88b1
🔍 Latest deploy log	https://app.netlify.com/sites/coffeetasks/deploys/6347db6c229e6a00091bc2b6
😎 Deploy Preview	https://deploy-preview-119--coffeetasks.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[SauveJeanLuc]

Edit is creating a new task instead

[SauveJeanLuc]

The two buttons should remain. Only that, you will replace Create Task by Edit Task.

[adi-uchiha]

Yup I see that there is a logical mistake done by me. It can be fixed easily. And I will add back the cancel button as well.

[adi-uchiha]

@SauveJeanLuc hey I just checked. I think it is working fine. Edit task is NOT creating new tasks. Tho I will add a commit to put the cancel button next to edit button. edit task is working fine. I checked in deployment preview => https://deploy-preview-119--coffeetasks.netlify.app/

[SauveJeanLuc]

@SauveJeanLuc hey I just checked. I think it is working fine. Edit task is NOT creating new tasks. Tho I will add a commit to put the cancel button next to edit button. edit task is working fine. I checked in deployment preview => https://deploy-preview-119--coffeetasks.netlify.app/

I mean, When I press enter.

[SauveJeanLuc]

Also, position well the Edit and Cancel Buttons as the ones for Creation are Positioned.

[SauveJeanLuc]

There is an unnecessary blue border background when typing in the react select.

[adi-uchiha]

@SauveJeanLuc is it ok now ?

• [x] Edit task when press enter
• [x] Edit and cancel button are positioned just like the addtask and cancel button were.
• [x] Removed the blue border in dropdown search
• [x] made code more readable by adding one extra component src/components/Todo.jsx

[SauveJeanLuc]

@SauveJeanLuc is it ok now ?

• [x] Edit task when press enter
• [x] Edit and cancel button are positioned just like the addtask and cancel button were.
• [x] Removed the blue border in dropdown search
• [x] made code more readable by adding one extra component src/components/Todo.jsx

Blue border is still there.

[SauveJeanLuc]

These words should be updated as well.

[SauveJeanLuc]

Pull from master and resolve conflicts

[SauveJeanLuc]

The Blue border is still there

Even for the all Inputs.

[adi-uchiha]

@SauveJeanLuc unable to fix that. Moreover I tried copy pasting the code of old commits (When there was not blue border). still the bluebox appears on new code. I did not even changed the code of <SelectButton /> component. I think we should merge this and create a new issue for this. PS: You can close this PR if this is not getting merged. Nomore commits on this PR from my side. Looking forward to work on another issue. also, what about making a slack or discord for better community bonding

[SauveJeanLuc]

Great @adi-uchiha Let's have it merged. And you can raise an issue for it.

Here's an invite to discord: https://discord.gg/GzpQyMGz

[SauveJeanLuc]

@all-contributors add @adi-uchiha for code

[allcontributors[bot]]

@SauveJeanLuc

@adi-uchiha already contributed before to code