Optimization of the backend of a personal campaign page.

⚠️ Please verify that this feature request has NOT been suggested before.

[X] I checked and didn't find similar feature request

🏷️ Feature Request Type

Contribution

💬 Feature description

The backend interface of the personal campaign page needs to be optimized for mobile devices and include detailed descriptions of each field's context and purpose. It should also provide a draft and preview function to help participants easily and contextually complete their personal campaign page.

✨ Solution

Plan the backend interface with a "Mobile First" approach.
Adjust the backend fields according to the order of the personal fundraising page's frontend.
Provide default image files for participants to choose from.
Provide a preview function.
Provide a "Save as Draft" function.
After saving as a draft, allow users to log in and make adjustments.
Add contextual and example explanations to each field.
Image Upload: After selecting an image file, save it as a draft or save as a draft and preview. Then, when you go back to the editing interface, you should be able to see a thumbnail of the image (without being cropped). However, both the actual page and the preview page will be cropped.

Provide public images, but do not provide a preview (though a thumbnail can be provided on the right side). The upload interface can provide a prompt: "If you don't upload a photo, we will randomly select one for you!"

Preview:New page for mobile, Lightbox for desktop.
Others:

After saving as a draft, the message should not use Lightbox, but should be directly displayed on the top of page.
After submitting for review, the URL should be changed to the editing interface's URL (currently it goes to the parent fundraising page).
Enable early preview (the preview can be done halfway through).