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

@@ -0,0 +1,85 @@
+// 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;
+  isError?: boolean;
+  isSuccess?: boolean;
+  withBottomMargin?: boolean;
+}
+
+function Card ({ children, className = '', isError, isSuccess, withBottomMargin }: Props): React.ReactElement<Props> {
+  return (
+    <StyledArticle className={`${className} ui--Card ${(isError && !isSuccess) ? 'error' : ''} ${(!isError && isSuccess) ? 'success' : ''} ${withBottomMargin ? 'withBottomMargin' : ''}`}>
+      {children}
+    </StyledArticle>
+  );
+}
+
+const StyledArticle = styled.article`
+  position: relative;
+  flex: 1 1;
+  min-width: 24%;
+  justify-content: space-around;
+
+  label {
+    opacity: 0.42;
+  }
+
+  i.help.circle.icon,
+  .ui.button.mini,
+  .ui.button.tiny,
+  .addTags {
+    visibility: hidden;
+  }
+
+  .ui--AddressSummary-buttons {
+    text-align: right;
+    margin-bottom: 2em;
+
+    button {
+      margin-left: 0.2em;
+    }
+  }
+
+  &:hover {
+    i.help.circle.icon,
+    .ui.button.mini,
+    .ui.button.tiny,
+    .addTags {
+      visibility: visible;
+    }
+
+    label {
+      opacity: 1;
+    }
+  }
+
+  &.error {
+    background: rgba(255, 0, 0, 0.05);
+
+    &, h1, h2, h3, h4, h5, h6, p {
+      color: rgba(156, 0, 0) !important;
+    }
+  }
+
+  &.success {
+    border: 1px solid rgb(168, 255, 136);
+    background: rgba(0, 255, 0, 0.05);
+
+    &, h1, h2, h3, h4, h5, h6, p {
+      color: rgba(34, 125, 0) !important;
+    }
+  }
+
+  &.withBottomMargin {
+    margin-bottom: 1.5rem;
+  }
+`;
+
+export default React.memo(Card);