refactor(Breadcrumbs)!: use gap property for gaps between breadcrumbs…

… items instead of paddings (#1185)

Co-authored-by: Mr.Dr.Professor Patrick <[email protected]>

src/components/Breadcrumbs/Breadcrumbs.scss

@@ -9,26 +9,19 @@ $block: '.#{variables.$ns}breadcrumbs';
         width: 100%;
         min-height: 24px;
         overflow: hidden;
+        gap: 4px;
     }
 
     &__item {
         flex-shrink: 1;
-        padding: 4px 8px;
         display: inline-block;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
 
         &:focus-visible {
             outline: 2px solid var(--g-color-line-focus);
-            outline-offset: -4px; // due to padding
-            border-radius: calc(
-                var(--g-focus-border-radius) + 4px
-            ); // +4px as outline-offset is -4px
-        }
-
-        &_current {
-            padding: 0 8px;
+            border-radius: var(--g-focus-border-radius);
         }
 
         &_more {