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/AccountSidebar/Balances.tsx

@@ -0,0 +1,56 @@
+// Copyright 2017-2025 @pezkuwi/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import AddressInfo from '../AddressInfo.js';
+import { styled } from '../styled.js';
+import { useTranslation } from '../translate.js';
+
+interface Props {
+  address: string;
+  className?: string;
+}
+
+const WITH_BALANCE = { available: true, bonded: true, free: true, locked: true, reserved: true, total: true };
+
+function Balances ({ address, className }: Props): React.ReactElement<Props> | null {
+  const { t } = useTranslation();
+
+  return (
+    <StyledSection className={className}>
+      <div className='ui--AddressMenu-sectionHeader'>
+        {t('balance')}
+      </div>
+      <AddressInfo
+        address={address}
+        className='balanceExpander'
+        key={address}
+        withBalance={WITH_BALANCE}
+        withLabel
+      />
+    </StyledSection>
+  );
+}
+
+const StyledSection = styled.section`
+  .balanceExpander {
+    justify-content: flex-start;
+
+    .column {
+      width: auto;
+      max-width: 18.57rem;
+
+      label {
+        text-align: left;
+        color: inherit;
+      }
+
+      .ui--Expander-content .ui--FormatBalance-value {
+        font-size: var(--font-size-small);
+      }
+    }
+  }
+`;
+
+export default React.memo(Balances);