refact: css classes in basic.css and proper rename test css classes

Author: EliasMasche

src/LinkDotNet.Blog.Web/Features/AboutMe/Components/Profile.razor

@@ -4,16 +4,16 @@
 
 @inject IRepository<ProfileInformationEntry> Repository
 @inject ISortOrderCalculator SortOrderCalculator
-<div class="aboutme-profile-card">
-    <div class="aboutme-profile-name">
+<div class="profile-card">
+    <div class="profile-name">
         <span>@ProfileInformation.Name</span>
         <br/>
         <span>@ProfileInformation.Heading</span>
     </div>
-    <div class="aboutme-profile-image">
+    <div class="profile-image">
         <img src="@ProfileInformation.ProfilePictureUrl" alt="Profile Picture" />
     </div>
-    <ul class="aboutme-profile-keypoints"
+    <ul class="profile-keypoints"
         ondragover="event.preventDefault();">
         @foreach (var entry in profileInformationEntries)
         {

src/LinkDotNet.Blog.Web/Features/AboutMe/Components/Skill/SkillTable.razor

@@ -9,8 +9,8 @@
             <AddSkillDialog @ref="AddSkillDialog" SkillAdded="@AddSkill"></AddSkillDialog>
         }
     </div>
-<div class="aboutme-table-container">
-    <table class="aboutme-skill-table" id="aboutme-skill-table">
+<div class="table-container">
+    <table class="skill-table" id="skill-table">
         <tbody>
         <tr>
             <th>Capability</th>
@@ -51,7 +51,7 @@
     </table>
     @if (ShowAdminActions)
     {
-        <small for="aboutme-skill-table">You can drag and drop your skills from one proficiency to another</small>
+        <small for="skill-table">You can drag and drop your skills from one proficiency to another</small>
     }
 </div>
 @code {

src/LinkDotNet.Blog.Web/Features/AboutMe/Components/Skill/SkillTag.razor

@@ -1,5 +1,5 @@
 @using LinkDotNet.Blog.Domain
-<span class="aboutme-skill-tag">
+<span class="skill-tag">
     @if (!string.IsNullOrEmpty(Skill.IconUrl))
     {
         <img src="@Skill.IconUrl" alt="icon" max-width="48px"/>