MyStudiesPage responsiveness UI update

[leeyandrea]

• fixed the responsiveness by changing the structure of thing:
• Instead of a MyStudiesItem and each study being an individual component, I turned it into a MyStudiesTable using proper HTML , , , , and

  elements. Made a dedicated RecentStudiesSection that contains RecentStudiesItem to handle that part of the screen Changed RecentStudiesItem from using divs to using Element Plus Card component significantly cleaned up the acutal MyStudiesPage, only containing the recentStudiesSection and the MyStudiesTable changed min widths and flex box issues for responsiveness and added padding Removed excessive nested divs Used more straightforward flex layouts with proper spacing Acknowledge problems: still have some uncommented code for reference, a lil messy still have the MyStudiesItem.vue for reference but we probably don't need it