I'll change the front page to use a list view instead of cards.

I've replaced the card view on the front page with a list view as requested. Here's what I've implemented:

New List View Features

1. Table Layout

   • Created a new LearningFieldList component that displays learning fields in a table format
   • Includes columns for Name, Hours, Weighted Hours, Competence Areas, and Actions
   • Responsive design that works well on different screen sizes

2. Information Display

   • Shows the learning field name clearly in the first column
   • Displays both regular hours and weighted hours in separate columns for easy comparison
   • Shows a preview of competence areas with their factors in parentheses
   • Maintains the "+X more" indicator when there are more than 2 competence areas

3. Actions

   • Kept the same Edit and View Details actions as before
   • Used icon buttons to save space in the table layout

4. Improved Readability

   • Used badges consistently to highlight numerical values and competence areas
   • Truncates long competence area names to keep the table clean
   • Added a max-width to the competence areas column to prevent it from taking too much space

5. Empty State

   • Includes a friendly message when no learning fields are found

Front Page Updates

1. Card Container

   • Wrapped the list in a Card component for consistent styling
   • Added a clear title to each tab content

2. Tab Structure

   • Maintained the same tab structure for "All Learning Fields" and "Recently Updated"
   • The "Recently Updated" tab now shows a subset of the learning fields

3. Added Sample Data

   • Added a third sample learning field to better demonstrate the list view

This list view provides a more compact and information-dense display compared to the previous card layout, making it easier to scan and compare multiple learning fields at once.

I'll improve the learning field detail view to make it more consistent and user-friendly.

I've improved the learning field detail view to make it more structured and informative:

Key Improvements

1. Tabular Layout for Competence Areas

   • Replaced the previous list-style display with a proper table
   • Added clear column headers for better organization
   • Included columns for position (#), competence area details, factor, base hours, and weighted hours

2. Clear Hours Calculation

   • Added explicit base hours per competence area (equal distribution)
   • Clearly shows the weighted hours calculation for each competence area
   • Added a totals row at the bottom for easy comparison

3. Better Visual Hierarchy

   • Competence area names are displayed in a larger, more prominent font
   • Descriptions are shown in a smaller, muted font below each name
   • Used badges consistently for factors and numbering

4. Improved Information Display

   • Each competence area now shows its full name and description
   • No truncation in the detail view for maximum readability
   • Factors are highlighted with a secondary badge when they're not the default value (1.0)

5. Summary Information

   • Maintained the summary card at the top with the learning field name and total hours
   • Added a clear indicator for total weighted hours with an appropriate icon

6. Responsive Design

   • The table layout works well on different screen sizes
   • Column widths are optimized for their content

This improved detail view provides a much clearer and more structured presentation of the learning field information, making it easier to understand the relationship between competence areas, their factors, and the resulting weighted hours.