Add Tabs to MainPanel to show both Owned and Shared Worksheets

[yuqijin]

Reasons for making this change

• Fetch only the first 100 worksheets to avoid overload
• Add a tooltip to remind user only the first 100 worksheets are shown
• Add Tabs to the main panel to show both "Owned Worksheets" and "Shared Worksheets"
• Shared Worksheets Tab is only enabled for the authorized user

Related issues

fixes #3408

Screenshots

Checklist

• I've added a screenshot of the changes, if this is a frontend change
• I've added and/or updated tests, if this is a backend change
• I've run the pre-commit.sh script
• I've updated docs, if needed

[epicfaace]

Looks good!

• Can we rename "Owned Worksheets" to "My Worksheets"?
• For the 100-worksheet message, instead of showing it as a tooltip, perhaps it would be best to just show it as some text at the bottom of the page, once the user scrolls down to see all the worksheets? I think it would only be relevant once the user scrolls down to the bottom.

[yuqijin]

Looks good!

• Can we rename "Owned Worksheets" to "My Worksheets"?
• For the 100-worksheet message, instead of showing it as a tooltip, perhaps it would be best to just show it as some text at the bottom of the page, once the user scrolls down to see all the worksheets? I think it would only be relevant once the user scrolls down to the bottom.

• Updated according to today's meeting's discussion.
• I think your suggestion for the 100-worksheet msg is meaningful! I have already removed the tooltip and move the message at the bottom of the page.

My Profile:

Other user's Profile: