Various improvements to pages: notifications and subscriptions

- fix rounding on /notifications/subscriptions
- add navigation interconnectivity between notifications and subscriptions
- use modern style for tabs
- clearing notificatons: hide the whole form instead of div. It doesn't seem like its changed via JS?
- replace issue-title-buttons and edit-buttons with universal top-right-buttons, get rid of tw-mr-0 helpers
- repo issues: fix misalignments on mobile view

web_src/css/base.css

@@ -246,6 +246,18 @@ h1.error-code {
   user-select: none;
 }
 
+.top-right-buttons {
+  gap: 0.5rem;
+}
+
+.top-right-buttons .ui.button {
+  margin-right: 0;
+}
+
+.ui.partial.secondary.menu {
+  margin-bottom: 0;
+}
+
 a {
   color: var(--color-primary);
   cursor: pointer;

web_src/css/repo.css

@@ -595,26 +595,18 @@ td .commit-summary {
   align-items: center;
 }
 
-.repository.view.issue .issue-title-buttons,
-.repository.view.issue .edit-buttons {
+.repository.view.issue .top-right-buttons {
   display: flex;
 }
 
-.issue-title-buttons {
-  gap: 0.5rem;
-}
-
 @media (max-width: 767.98px) {
   .repository.view.issue .issue-title {
     flex-direction: column;
   }
-  .repository.view.issue .issue-title-buttons,
-  .repository.view.issue .edit-buttons {
+  .repository.view.issue .top-right-buttons {
     width: 100%;
-    justify-content: space-between;
-  }
-  .repository.view.issue .edit-buttons {
     margin-top: .5rem;
+    justify-content: space-between;
   }
   .comment.form .issue-content-left .avatar {
     display: none;
@@ -628,6 +620,10 @@ td .commit-summary {
   .comment.form .content .form::after {
     display: none;
   }
+
+  .repository.view.issue .issue-title.edit-active h1 {
+    padding-right: 0;
+  }
 }
 
 .repository.view.issue .issue-title {
@@ -645,7 +641,7 @@ td .commit-summary {
   font-size: 32px;
   line-height: 40px;
   margin: 0;
-  padding-right: 0.25rem;
+  padding-right: 0.5rem;
   min-height: var(--repo-header-issue-min-height);
 }