fix(forms): update form controls to match real site oclinica.ru styling

- .bb-input: height 50px, padding 10px 12px, border 1px solid #ccc, border-radius 4px
  (matches entityform input[type=text] from perm.oclinica.ru)
- .bb-select: height 50px, padding 10px with arrow, same border/radius
- .bb-textarea: same border 1px #ccc, border-radius 4px (was 8px/1.5px teal)
- forms/page.tsx v2.0: added "Контекст применения" section with
  where-used table and realistic form mockup (bg #b8e6ed as on site),
  added "CSS с сайта" code block, updated LLM block to v2.0

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/web/app/globals.css

@@ -75,7 +75,7 @@ body {
 
 /* Варианты — цвета и радиус по реальному сайту oclinica.ru */
 
-/* primary — коралловая форм-кнопка «Запишите меня!» */
+/* primary — коралловая форм-кнопка «Запишите меня!» — #FFA39C */
 .bb-btn-primary {
   background: #FFA39C;
   color: #fff;
@@ -117,14 +117,15 @@ body {
   font-size: 14px;
   color: var(--bb-text);
   background: #fff;
-  border: 1.5px solid var(--bb-border);
-  border-radius: 8px;
-  padding: 9px 12px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 10px 12px;
   width: 100%;
   transition: border-color 0.15s, box-shadow 0.15s;
   outline: none;
   -webkit-font-smoothing: antialiased;
 }
+.bb-input { height: 50px; }
 .bb-input:focus,
 .bb-textarea:focus,
 .bb-select:focus {
@@ -145,10 +146,11 @@ body {
 .bb-select {
   cursor: pointer;
   appearance: none;
+  height: 50px;
+  padding: 10px 36px 10px 10px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 10px center;
-  padding-right: 36px;
 }
 
 .bb-checkbox,