feat: initial Pezkuwi Apps rebrand from polkadot-apps

Rebranded terminology:
- Polkadot → Pezkuwi
- Kusama → Dicle
- Westend → Zagros
- Rococo → PezkuwiChain
- Substrate → Bizinikiwi
- parachain → teyrchain

Custom logos with Kurdistan brand colors (#e6007a → #86e62a):
- bizinikiwi-hexagon.svg
- sora-bizinikiwi.svg
- hezscanner.svg
- heztreasury.svg
- pezkuwiscan.svg
- pezkuwistats.svg
- pezkuwiassembly.svg
- pezkuwiholic.svg

packages/react-components/src/Tabs/CurrentSection.tsx

@@ -0,0 +1,48 @@
+// Copyright 2017-2025 @pezkuwi/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+
+import React from 'react';
+
+import Icon from '../Icon.js';
+import { styled } from '../styled.js';
+
+interface Props {
+  className?: string;
+  icon: IconName;
+  text: string;
+}
+
+function CurrentSection ({ className = '', icon, text }: Props): React.ReactElement<Props> {
+  return (
+    <StyledDiv className={`${className} active-tab`}>
+      <Icon icon={icon} />
+      <span>{text}</span>
+    </StyledDiv>
+  );
+}
+
+const StyledDiv = styled.div`
+  margin: 0 2.5rem 0 1.5rem;
+  font-weight: var(--font-weight-normal);
+  font-size: var(--font-size-base);
+  line-height: 1.57rem;
+  min-width: max-content;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  color: var(--color-text);
+
+  .ui--Icon {
+    margin-right: 0.85rem;
+    max-width: 1rem;
+    max-height: 1rem;
+  }
+
+  @media only screen and (max-width: 900px) {
+    margin: 0 1.5rem;
+  }
+`;
+
+export default React.memo(CurrentSection);