Card (Templatepage)

[SelinaBuff]

Implementation of Cards for "My Templates" and "Our Recommendations"

Description: Implement the "My Templates" and "Our Recommendations" sections on the template/session page. These sections are split into two columns and contain cards with a similar structure but some differences in functions and appearance.

Requirements:

1. Common Card Structure:

• Title & Description
• Ability to favorite & unfavorite (clickable star icon)
• Icon, number & title of columns (not clickable)
• Primary "Start" button in Palnning-pink

2. Specific Requirements for "My Templates":

• Additional menu in the form of "3 dots" (similar to the new column menu):
  • Opens to the left
  • Options:
    • Edit template (title & description)
    • Delete template (with a confirmation popup: "Are you sure you want to delete this template?")
• Owners can set a password (represented by a key icon behind the headline) or restrict access by confirmation (represented by a lock icon behind the headline)
• Prominent button in the form of a card with the label "Create New Template":
  • Clicking this button opens a new window to create a new template

3. Specific Requirements for "Our Recommendations":

• A small illustration at the top that visually supports the character of the template:
  • Use placeholder images for now

4. Design Specifications:

• The design can be found in the Figma file on the "Template-/Sessionpage" under Templates -> Cards:
  • Available in light and dark mode
  • Desktop and mobile versions
  • With German translation (components in desktop light mode or as a comment)