[FIX] hr_skills: Fix skills widget table layout

The three columns in the skills widget (namely: skill name,
skill level and progress) did not evenly span the width of
the table.

This commit set the css width attribute of the first two
columns to 33%. The last column (added by js) takes the
remaining space)

closes odoo/odoo#31326

addons/hr_skills/static/src/css/hr_skills.scss

@@ -11,6 +11,10 @@
         background-color: #e9ecef;
     }
 
+    td.o_skill_cell {
+        width: 33%;
+    }
+
     .o_group_resume tbody tr.o_resume_group_header th {
         font-weight: normal;
     }

addons/hr_skills/static/src/xml/skills_templates.xml

@@ -4,10 +4,10 @@
 <t t-name="hr_skill_data_row">
 
     <tr class="o_data_row" t-att-data-id="id">
-        <td class="o_data_cell">
+        <td class="o_data_cell o_skill_cell">
             <t t-esc="data.skill_id.data.display_name"/>
         </td>
-        <td class="o_data_cell">
+        <td class="o_data_cell o_skill_cell">
             <t t-esc="data.skill_level_id.data.display_name"/>
         </td>
     </tr>