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/AvatarItem.tsx

@@ -0,0 +1,83 @@
+// Copyright 2017-2025 @pezkuwi/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React from 'react';
+
+import { styled } from './styled.js';
+
+interface Props {
+  children?: React.ReactNode;
+  className?: string;
+  color?: string;
+  icon: React.ReactNode;
+  isBig?: boolean;
+  title: React.ReactNode;
+  subtitle: React.ReactNode;
+}
+
+function AvatarItem ({ children, className = '', icon, isBig, subtitle, title }: Props): React.ReactElement<Props> {
+  return (
+    <StyledDiv className={['ui--AvatarItem', className, isBig && 'big'].join(' ')}>
+      <div className='ui--AvatarItem-icon'>
+        {icon}
+      </div>
+      <div className='ui--AvatarItem-details'>
+        <div className='ui--AvatarItem-title'>
+          {title}
+        </div>
+        <div className='ui--AvatarItem-subtitle'>
+          {subtitle}
+        </div>
+      </div>
+      {children}
+    </StyledDiv>
+  );
+}
+
+const StyledDiv = styled.div`
+  & {
+    display: flex;
+    align-items: center;
+
+    .ui--AvatarItem-icon {
+      margin-right: 0.5rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+
+  .ui--AvatarItem-details {
+    .ui--AvatarItem-title {
+      font-weight: 600;
+      font-size: var(--font-size-base);
+    }
+
+    .ui--AvatarItem-subtitle {
+      font-weight: var(--font-weight-normal);
+      font-size: var(--font-size-base);
+    }
+  }
+
+  &.big {
+    .ui--AvatarItem-icon {
+      width: 3.4rem;
+      height: 3.4rem;
+      margin-right: 0.6rem;
+
+      > .ui--Icon {
+        font-size: 1.6rem;
+        line-height: 3.4rem;
+      }
+    }
+
+    .ui--AvatarItem-details {
+      .ui--AvatarItem-name {
+        font-size: 1.4rem;
+        line-height: 1.4rem;
+      }
+    }
+  }
+`;
+
+export default React.memo(AvatarItem);