chore: adds versions and copyright

frontend/src/api/version.ts

@@ -0,0 +1,5 @@
+import { api } from './client';
+
+export async function getBackendVersion(): Promise<{ version: string }> {
+  return api.get<{ version: string }>('/api/version');
+}

frontend/src/components/Layout.tsx

@@ -1,13 +1,21 @@
-import { useState, type ReactNode } from 'react';
+import { useState, useEffect, type ReactNode } from 'react';
 import { NavLink } from 'react-router-dom';
 import { useAuth } from '../context/AuthContext';
+import { getBackendVersion } from '../api/version';
 
 export function Layout({ children }: { children: ReactNode }) {
   const { user, logout } = useAuth();
   const [drawerOpen, setDrawerOpen] = useState(false);
+  const [beVersion, setBeVersion] = useState<string | null>(null);
 
   const closeDrawer = () => setDrawerOpen(false);
 
+  useEffect(() => {
+    getBackendVersion()
+      .then((r) => setBeVersion(r.version))
+      .catch(() => setBeVersion(null));
+  }, []);
+
   return (
     <div className="layout">
       <button
@@ -86,10 +94,18 @@ export function Layout({ children }: { children: ReactNode }) {
         </nav>
 
         <div className="sidebar-footer">
-          <span className="sidebar-user">{user?.login}</span>
-          <button className="btn-logout" onClick={() => logout()}>
-            Выход
-          </button>
+          <div className="sidebar-footer-top">
+            <span className="sidebar-user">{user?.login}</span>
+            <button className="btn-logout" onClick={() => logout()}>
+              Выход
+            </button>
+          </div>
+          <div className="sidebar-footer-bottom">
+            <span className="sidebar-version">
+              FE {__FE_VERSION__} · BE {beVersion ?? '…'}
+            </span>
+            <span className="sidebar-copyright">© 2025 Семейный бюджет</span>
+          </div>
         </div>
       </aside>
 

frontend/src/styles/index.css

@@ -138,11 +138,34 @@ body {
 .sidebar-footer {
   padding: 16px 20px;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.sidebar-footer-top {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
+.sidebar-footer-bottom {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 11px;
+  color: var(--color-sidebar-text);
+  opacity: 0.85;
+}
+
+.sidebar-version {
+  font-family: ui-monospace, monospace;
+}
+
+.sidebar-copyright {
+  font-size: 10px;
+}
+
 .sidebar-user {
   font-size: 13px;
   color: var(--color-sidebar-text);

frontend/src/vite-env.d.ts

@@ -1 +1,3 @@
 /// <reference types="vite/client" />
+
+declare const __FE_VERSION__: string;