diff --git a/src/components/shared/Button/Button.module.scss b/src/components/shared/Button/Button.module.scss
index 58b3880..4416e07 100644
--- a/src/components/shared/Button/Button.module.scss
+++ b/src/components/shared/Button/Button.module.scss
@@ -8,8 +8,8 @@
   min-width: 64px;
   min-height: 46px;
   width: 100%;
-  padding: 8px 12px;
-  border-radius: var(--secondary-radius);
+  padding: 8px 16px;
+  border-radius: var(--primary-radius);
   cursor: pointer;
 }
 
@@ -21,4 +21,5 @@
   font-size: 16px;
   margin-right: 6px;
   margin-top: 4px;
+  color: var(--text-color);
 }
diff --git a/src/components/shared/Button/Button.tsx b/src/components/shared/Button/Button.tsx
index 40d415a..3d966ab 100644
--- a/src/components/shared/Button/Button.tsx
+++ b/src/components/shared/Button/Button.tsx
@@ -6,6 +6,7 @@ interface Props {
   text?: string;
   disabled?: boolean;
   isLoading?: boolean;
+  isTextButton?: boolean;
   height?: string;
   type?: "button" | "submit";
   color?: string;
@@ -21,6 +22,7 @@ export default function Button({
   color = "var(--accent-color)",
   isLoading,
   icon,
+  isTextButton,
   onClick,
 }: Props) {
   const handleClick = () => {
@@ -32,7 +34,11 @@ export default function Button({
   return (
     <button
       className={cn(styles.primary, disabled ? styles.disabled : "")}
-      style={{ minHeight: height, background: color }}
+      style={{
+        minHeight: height,
+        background: !isTextButton ? (!disabled ? color : "") : "transparent",
+        color: isTextButton ? color : "",
+      }}
       onClick={handleClick}
       type={type}
       disabled={disabled}
diff --git a/src/components/shared/Modal/Modal.module.scss b/src/components/shared/Modal/Modal.module.scss
index c73a90c..f8157ab 100644
--- a/src/components/shared/Modal/Modal.module.scss
+++ b/src/components/shared/Modal/Modal.module.scss
@@ -38,3 +38,8 @@
 .subtitle {
   margin-bottom: 16px;
 }
+
+.buttons {
+  display: flex;
+  gap: 24px;
+}
diff --git a/src/components/shared/Modal/Modal.tsx b/src/components/shared/Modal/Modal.tsx
index 0983247..7b0bf99 100644
--- a/src/components/shared/Modal/Modal.tsx
+++ b/src/components/shared/Modal/Modal.tsx
@@ -7,8 +7,11 @@ interface Props {
   title: string;
   subtitle: string;
   show: boolean;
-  children: ReactNode;
+  children?: ReactNode;
+  isLoading?: boolean;
+  primaryButtonText?: string;
   onPrimaryClick: () => void;
+  onCancelClick?: () => void;
   onClose: () => void;
 }
 
@@ -17,7 +20,10 @@ function Modal({
   subtitle,
   show,
   children,
+  primaryButtonText = "Сохранить",
+  isLoading,
   onPrimaryClick,
+  onCancelClick,
   onClose,
 }: Props) {
   return show ? (
@@ -34,8 +40,19 @@ function Modal({
           <Typography variant="body2">{subtitle}</Typography>
         </div>
         <div>{children}</div>
-        <div>
-          <Button text="Сохранить" onClick={onPrimaryClick} />
+        <div className={styles.buttons}>
+          <Button
+            text={primaryButtonText || "Сохранить"}
+            isLoading={isLoading}
+            onClick={onPrimaryClick}
+          />
+          {onCancelClick && (
+            <Button
+              text="Отмена"
+              onClick={onCancelClick}
+              color="var(--text-color)"
+            />
+          )}
         </div>
       </div>
     </div>
diff --git a/src/components/shared/Resource/Resource.module.scss b/src/components/shared/Resource/Resource.module.scss
index 729961d..4f312ef 100644
--- a/src/components/shared/Resource/Resource.module.scss
+++ b/src/components/shared/Resource/Resource.module.scss
@@ -16,9 +16,20 @@
   align-items: center;
 }
 
+.buttons {
+  display: flex;
+  gap: 16px;
+}
+
 .content {
   margin-top: 20px;
   padding: 16px;
   background: var(--secondary-color);
   border-radius: var(--primary-radius);
 }
+
+.spinner-wrapper {
+  width: 100%;
+  display: grid;
+  place-content: center;
+}
diff --git a/src/components/shared/Resource/Resource.tsx b/src/components/shared/Resource/Resource.tsx
index 178418e..ffc4335 100644
--- a/src/components/shared/Resource/Resource.tsx
+++ b/src/components/shared/Resource/Resource.tsx
@@ -1,22 +1,85 @@
-"use client";
-
 import styles from "./Resource.module.scss";
 import Typography from "../Typography/Typography";
-import { ReactNode } from "react";
+import { ReactNode, useState } from "react";
+import LoadingSpinner from "../LoadingSpinner/LoadingSpinner";
+import Button from "../Button/Button";
+import Modal from "../Modal/Modal";
 
 interface Props {
   title: string;
   children?: ReactNode;
+  isLoading?: boolean;
+  isSaveButtonLoading: boolean;
+  isSaveDisabled?: boolean;
+  isExisting?: boolean;
+  isDeleting?: boolean;
+  onSaveClick: () => void;
+  onDeleteClick: () => void;
 }
 
-export default function Resource({ title, children }: Props) {
+export default function Resource({
+  title,
+  children,
+  isLoading,
+  isSaveButtonLoading,
+  isSaveDisabled,
+  isExisting,
+  isDeleting,
+  onSaveClick,
+  onDeleteClick,
+}: Props) {
+  const [showConfirmModal, setShowConfirmModal] = useState(false);
+
+  const handleDeleteClick = () => {
+    setShowConfirmModal(true);
+  };
+
   return (
     <div className={styles.wrapper}>
       <div className={styles.header}>
         <Typography>{title}</Typography>
+
+        <div className={styles.buttons}>
+          {isExisting && (
+            <Button
+              text="Удалить"
+              onClick={handleDeleteClick}
+              height="40px"
+              color="var(--danger-color)"
+              isLoading={isDeleting}
+              isTextButton
+            />
+          )}
+
+          <Button
+            onClick={onSaveClick}
+            text="Сохранить"
+            height="40px"
+            disabled={isSaveDisabled}
+            isLoading={isSaveButtonLoading}
+          />
+        </div>
+      </div>
+
+      <div className={styles.content}>
+        {!isLoading && <div>{children}</div>}
+        {isLoading && (
+          <div className={styles["spinner-wrapper"]}>
+            <LoadingSpinner light size="l" />
+          </div>
+        )}
       </div>
 
-      <div className={styles.content}>{children}</div>
+      <Modal
+        show={showConfirmModal}
+        title="Удаление"
+        subtitle="Вы уверене что хотите удалить?"
+        primaryButtonText="Удалить"
+        isLoading={isDeleting}
+        onPrimaryClick={onDeleteClick}
+        onClose={() => setShowConfirmModal(false)}
+        onCancelClick={() => setShowConfirmModal(false)}
+      />
     </div>
   );
 }
diff --git a/src/pages/groups/GroupDetails.tsx b/src/pages/groups/GroupDetails.tsx
index 3aa8e24..33231f6 100644
--- a/src/pages/groups/GroupDetails.tsx
+++ b/src/pages/groups/GroupDetails.tsx
@@ -1,4 +1,3 @@
-import Button from "@/components/shared/Button/Button";
 import CustomInput from "@/components/shared/CustomInput/CustomInput";
 import RelationInput from "@/components/shared/RelationInput/RelationInput";
 import Resource from "@/components/shared/Resource/Resource";
@@ -7,7 +6,11 @@ import { ROUTES } from "@/constants/routes";
 import { useNotification } from "@/hooks/useNotification";
 import { IOption } from "@/interfaces/common";
 import { IGroupCreate } from "@/interfaces/group";
-import { useGroupDetailsQuery, useGroupMutation } from "@/queries/groups";
+import {
+  useGroupDeletion,
+  useGroupDetailsQuery,
+  useGroupMutation,
+} from "@/queries/groups";
 import { useSubjectsQuery } from "@/queries/subjects";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useQueryClient } from "@tanstack/react-query";
@@ -44,7 +47,11 @@ function GroupDetails() {
   const queryClient = useQueryClient();
   const navigate = useNavigate();
 
-  const { data, isLoading } = useGroupDetailsQuery(+id!);
+  const {
+    data: existingGroup,
+    isLoading,
+    isSuccess,
+  } = useGroupDetailsQuery(+id!, { enabled: !!id });
 
   const {
     data: subjects,
@@ -54,7 +61,7 @@ function GroupDetails() {
     params: { search },
   });
 
-  const { mutate: createGroup, isPending } = useGroupMutation({
+  const { mutate, isPending } = useGroupMutation({
     onSuccess: () => {
       queryClient.invalidateQueries({
         refetchType: "all",
@@ -68,8 +75,28 @@ function GroupDetails() {
     onError: () => {
       showErrorNotification();
     },
+    id: +id!,
   });
 
+  const { mutate: deleteGroup, isPending: isDeleting } = useGroupDeletion(
+    +id!,
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries({
+          refetchType: "all",
+          queryKey: [QUERY_KEYS.GROUPS],
+        });
+
+        navigate(ROUTES.GROUPS);
+
+        showSuccessNotification();
+      },
+      onError: () => {
+        showErrorNotification();
+      },
+    }
+  );
+
   const [activeValue, setActiveValue] = useState<IOption>({
     label: subjects?.[0].title,
     value: subjects?.[0].id.toString(),
@@ -93,56 +120,71 @@ function GroupDetails() {
   const isValid = Object.values(groupForm.formState.errors).length === 0;
 
   const onSubmit: SubmitHandler<GroupForm> = (data: IGroupCreate) => {
-    createGroup(data);
+    mutate(data);
   };
 
   useEffect(() => {
-    setActiveValue({
-      label: subjects?.[0].title,
-      value: subjects?.[0].id.toString(),
-    });
+    if (existingGroup && id) {
+      groupForm.reset({
+        title: existingGroup.title,
+        subjectId: existingGroup.subject.id,
+      });
+      setActiveValue({
+        label: existingGroup.subject.title,
+        value: existingGroup.subject.id.toString(),
+      });
+    }
+  }, [isSuccess, existingGroup, groupForm, id]);
+
+  useEffect(() => {
+    if (!existingGroup || !id) {
+      setActiveValue({
+        label: subjects?.[0].title,
+        value: subjects?.[0].id.toString(),
+      });
 
-    if (subjects) {
-      groupForm.setValue("subjectId", subjects[0].id);
+      if (subjects) {
+        groupForm.setValue("subjectId", subjects[0].id);
+      }
     }
-  }, [subjects, groupForm]);
+  }, [subjects, groupForm, id, existingGroup]);
 
   return (
-    <Resource title="Группа">
-      <form onSubmit={groupForm.handleSubmit(onSubmit)}>
-        <CustomInput
-          name="title"
-          label="Название"
-          placeholder="Введите название..."
-          errorMessage={groupForm.formState.errors.title?.message}
-          onChangeCallback={(value) => {
-            groupForm.setValue("title", value);
-          }}
-        />
-        <RelationInput
-          name="subject"
-          options={subjectOptions}
-          activeValue={activeValue}
-          setActiveValue={(value) => {
-            groupForm.setValue("subjectId", +value.value);
-            setActiveValue(value);
-          }}
-          label="Предмет"
-          placeholder="Выберите предмет..."
-          isLoading={isFetching}
-          onSearch={(value) => {
-            setSearch(value);
-            refetch();
-          }}
-        />
-
-        <Button
-          type="submit"
-          text="Создать"
-          disabled={!isValid}
-          isLoading={isPending}
-        />
-      </form>
+    <Resource
+      title={existingGroup?.title || "Группа"}
+      isExisting={!!id}
+      isLoading={isLoading}
+      isSaveDisabled={!isValid || !groupForm.formState.isDirty}
+      isSaveButtonLoading={isPending}
+      isDeleting={isDeleting}
+      onDeleteClick={deleteGroup}
+      onSaveClick={() => onSubmit(groupForm.getValues())}
+    >
+      <CustomInput
+        {...groupForm.register("title")}
+        label="Название"
+        placeholder="Введите название..."
+        errorMessage={groupForm.formState.errors.title?.message}
+        onChangeCallback={(value) => {
+          groupForm.setValue("title", value);
+        }}
+      />
+      <RelationInput
+        name="subject"
+        options={subjectOptions}
+        activeValue={activeValue}
+        setActiveValue={(value) => {
+          groupForm.setValue("subjectId", +value.value);
+          setActiveValue(value);
+        }}
+        label="Предмет"
+        placeholder="Выберите предмет..."
+        isLoading={isFetching}
+        onSearch={(value) => {
+          setSearch(value);
+          refetch();
+        }}
+      />
     </Resource>
   );
 }
diff --git a/src/pages/lectures/LectureDetails.tsx b/src/pages/lectures/LectureDetails.tsx
index f4c1d4c..bc00844 100644
--- a/src/pages/lectures/LectureDetails.tsx
+++ b/src/pages/lectures/LectureDetails.tsx
@@ -1,4 +1,3 @@
-import Button from "@/components/shared/Button/Button";
 import CustomInput from "@/components/shared/CustomInput/CustomInput";
 import RelationInput from "@/components/shared/RelationInput/RelationInput";
 import Resource from "@/components/shared/Resource/Resource";
@@ -8,13 +7,17 @@ import { ROUTES } from "@/constants/routes";
 import { useNotification } from "@/hooks/useNotification";
 import { IOption } from "@/interfaces/common";
 import { ILectureCreate } from "@/interfaces/lecture";
-import { useLectureMutation } from "@/queries/lectures";
+import {
+  useLectureDeletion,
+  useLectureDetailsQuery,
+  useLectureMutation,
+} from "@/queries/lectures";
 import { useTopicsQuery } from "@/queries/topics";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useQueryClient } from "@tanstack/react-query";
 import { useEffect, useMemo, useState } from "react";
 import { Controller, SubmitHandler, useForm } from "react-hook-form";
-import { useNavigate } from "react-router-dom";
+import { useNavigate, useParams } from "react-router-dom";
 import * as Yup from "yup";
 
 const lectureValidationSchema = Yup.object({
@@ -41,6 +44,8 @@ const initialValues: ILectureCreate = {
 function LectureDetails() {
   const queryClient = useQueryClient();
 
+  const { id } = useParams();
+
   const navigate = useNavigate();
 
   const [search, setSearch] = useState("");
@@ -69,6 +74,12 @@ function LectureDetails() {
     [topics]
   );
 
+  const {
+    data: existingLecture,
+    isLoading,
+    isSuccess,
+  } = useLectureDetailsQuery(+id!, { enabled: !!id });
+
   const { mutate: createLecture, isPending } = useLectureMutation({
     onSuccess: () => {
       queryClient.invalidateQueries({
@@ -85,10 +96,29 @@ function LectureDetails() {
     },
   });
 
+  const { mutate: deleteLecture, isPending: isDeleting } = useLectureDeletion(
+    +id!,
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries({
+          refetchType: "all",
+          queryKey: [QUERY_KEYS.LECTURES],
+        });
+
+        navigate(ROUTES.LECTURES);
+
+        showSuccessNotification();
+      },
+      onError: () => {
+        showErrorNotification();
+      },
+    }
+  );
+
   const lectureForm = useForm<ILectureCreate>({
     defaultValues: initialValues,
     resolver: yupResolver<ILectureCreate>(lectureValidationSchema),
-    // mode: "onBlur",
+    mode: "onBlur",
   });
 
   const isValid = Object.values(lectureForm.formState.errors).length === 0;
@@ -98,72 +128,90 @@ function LectureDetails() {
   };
 
   useEffect(() => {
-    setActiveValue({
-      label: topics?.[0].title,
-      value: topics?.[0].id.toString(),
-    });
+    if (existingLecture && !!id) {
+      lectureForm.reset({
+        title: existingLecture.title,
+        topicId: existingLecture.topicId,
+        content: existingLecture.content,
+        number: existingLecture.number,
+      });
+
+      setActiveValue({
+        label: existingLecture.topic.title,
+        value: existingLecture.topic.id.toString(),
+      });
+    }
+  }, [id, existingLecture, isSuccess, lectureForm]);
+
+  useEffect(() => {
+    if (!existingLecture || !id) {
+      setActiveValue({
+        label: topics?.[0].title,
+        value: topics?.[0].id.toString(),
+      });
+    }
 
     if (topics) {
       lectureForm.setValue("topicId", topics[0].id);
     }
-  }, [topics, lectureForm]);
+  }, [topics, lectureForm, existingLecture, id]);
 
   return (
-    <Resource title="Лекция">
-      <form onSubmit={lectureForm.handleSubmit(onSubmit)}>
-        <CustomInput
-          name="title"
-          label="Название"
-          placeholder="Введите название"
-          errorMessage={lectureForm.formState.errors.title?.message}
-          onChangeCallback={(value) => lectureForm.setValue("title", value)}
-        />
-
-        <CustomInput
-          name="number"
-          label="Номер лекции"
-          placeholder="Введите номер лекции..."
-          type="number"
-          errorMessage={lectureForm.formState.errors.number?.message}
-          onChangeCallback={(value) => lectureForm.setValue("number", +value)}
-        />
-
-        <Controller
-          name="content"
-          control={lectureForm.control}
-          render={({ field }) => (
-            <TextEditor
-              label="Содержимое"
-              {...field}
-              placeholder="Введите содержимое лекции..."
-            />
-          )}
-        />
-
-        <RelationInput
-          name="topic"
-          options={topicOptions}
-          activeValue={activeValue}
-          setActiveValue={(value) => {
-            lectureForm.setValue("topicId", +value.value);
-            setActiveValue(value);
-          }}
-          label="Топик"
-          placeholder="Выберите топик..."
-          isLoading={isTopicsLoading}
-          onSearch={(value) => {
-            setSearch(value);
-            refetch();
-          }}
-        />
-
-        <Button
-          type="submit"
-          text="Создать"
-          disabled={!isValid}
-          isLoading={isPending}
-        />
-      </form>
+    <Resource
+      title="Лекция"
+      isExisting={!!id}
+      isLoading={isLoading}
+      onDeleteClick={deleteLecture}
+      isDeleting={isDeleting}
+      isSaveDisabled={!isValid || !lectureForm.formState.isDirty}
+      isSaveButtonLoading={isPending}
+      onSaveClick={() => onSubmit(lectureForm.getValues())}
+    >
+      <CustomInput
+        {...lectureForm.register("title")}
+        label="Название"
+        placeholder="Введите название"
+        errorMessage={lectureForm.formState.errors.title?.message}
+        onChangeCallback={(value) => lectureForm.setValue("title", value)}
+      />
+
+      <CustomInput
+        {...lectureForm.register("number")}
+        label="Номер лекции"
+        placeholder="Введите номер лекции..."
+        type="number"
+        errorMessage={lectureForm.formState.errors.number?.message}
+        onChangeCallback={(value) => lectureForm.setValue("number", +value)}
+      />
+
+      <Controller
+        name="content"
+        control={lectureForm.control}
+        render={({ field }) => (
+          <TextEditor
+            label="Содержимое"
+            {...field}
+            placeholder="Введите содержимое лекции..."
+          />
+        )}
+      />
+
+      <RelationInput
+        name="topic"
+        options={topicOptions}
+        activeValue={activeValue}
+        setActiveValue={(value) => {
+          lectureForm.setValue("topicId", +value.value);
+          setActiveValue(value);
+        }}
+        label="Топик"
+        placeholder="Выберите топик..."
+        isLoading={isTopicsLoading}
+        onSearch={(value) => {
+          setSearch(value);
+          refetch();
+        }}
+      />
     </Resource>
   );
 }
diff --git a/src/pages/sections/SectionDetails.tsx b/src/pages/sections/SectionDetails.tsx
index eef0e49..fd5375b 100644
--- a/src/pages/sections/SectionDetails.tsx
+++ b/src/pages/sections/SectionDetails.tsx
@@ -7,12 +7,16 @@ import { ROUTES } from "@/constants/routes";
 import { useNotification } from "@/hooks/useNotification";
 import { IOption } from "@/interfaces/common";
 import { ISectionCreate } from "@/interfaces/section";
-import { useSectionMutation } from "@/queries/sections";
+import {
+  useSectionDeletion,
+  useSectionDetailsQuery,
+  useSectionMutation,
+} from "@/queries/sections";
 import { useSubjectsQuery } from "@/queries/subjects";
 import { useQueryClient } from "@tanstack/react-query";
 import { useEffect, useMemo, useState } from "react";
 import { SubmitHandler, useForm } from "react-hook-form";
-import { useNavigate } from "react-router-dom";
+import { useNavigate, useParams } from "react-router-dom";
 
 interface SectionForm {
   title: string;
@@ -27,6 +31,8 @@ const initialValues: SectionForm = {
 function SectionDetails() {
   const queryClient = useQueryClient();
 
+  const { id } = useParams();
+
   const navigate = useNavigate();
 
   const [search, setSearch] = useState("");
@@ -53,6 +59,31 @@ function SectionDetails() {
     [subjects]
   );
 
+  const {
+    data: existingSection,
+    isPending: isSectionLoading,
+    isSuccess,
+  } = useSectionDetailsQuery(+id!, { enabled: !!id });
+
+  const { mutate: deleteSection, isPending: isDeleting } = useSectionDeletion(
+    +id!,
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries({
+          refetchType: "all",
+          queryKey: [QUERY_KEYS.SECTIONS],
+        });
+
+        navigate(ROUTES.SECTIONS);
+
+        showSuccessNotification();
+      },
+      onError: () => {
+        showErrorNotification();
+      },
+    }
+  );
+
   const { mutate: createSection, isPending } = useSectionMutation({
     onSuccess: () => {
       queryClient.invalidateQueries({
@@ -83,50 +114,66 @@ function SectionDetails() {
   };
 
   useEffect(() => {
-    setActiveValue({
-      label: subjects?.[0].title,
-      value: subjects?.[0].id.toString(),
-    });
+    if (existingSection && id) {
+      sectionForm.reset({
+        title: existingSection.title,
+        subjectId: existingSection.subject.id,
+      });
+
+      setActiveValue({
+        label: existingSection.subject.title,
+        value: existingSection.subject.id.toString(),
+      });
+    }
+  }, [existingSection, id, sectionForm, isSuccess]);
+
+  useEffect(() => {
+    if (!existingSection || !id) {
+      setActiveValue({
+        label: subjects?.[0].title,
+        value: subjects?.[0].id.toString(),
+      });
+    }
 
     if (subjects) {
       sectionForm.setValue("subjectId", subjects[0].id);
     }
-  }, [subjects, sectionForm]);
+  }, [subjects, sectionForm, existingSection, id]);
 
   return (
-    <Resource title="Раздел">
-      <form onSubmit={sectionForm.handleSubmit(onSubmit)}>
-        <CustomInput
-          name="title"
-          label="Название"
-          placeholder="Введите название"
-          onChangeCallback={(value) => sectionForm.setValue("title", value)}
-        />
-
-        <RelationInput
-          name="subject"
-          options={subjectOptions}
-          activeValue={activeValue}
-          setActiveValue={(value) => {
-            sectionForm.setValue("subjectId", +value.value);
-            setActiveValue(value);
-          }}
-          label="Предмет"
-          placeholder="Выберите предмет..."
-          isLoading={isFetching}
-          onSearch={(value) => {
-            setSearch(value);
-            refetch();
-          }}
-        />
-
-        <Button
-          type="submit"
-          text="Создать"
-          disabled={!isValid}
-          isLoading={isPending}
-        />
-      </form>
+    <Resource
+      title="Раздел"
+      isExisting={!!id}
+      isDeleting={isDeleting}
+      isLoading={isSectionLoading}
+      isSaveButtonLoading={isPending}
+      isSaveDisabled={!isValid || !sectionForm.formState.isDirty}
+      onDeleteClick={deleteSection}
+      onSaveClick={() => onSubmit(sectionForm.getValues())}
+    >
+      <CustomInput
+        {...sectionForm.register("title")}
+        label="Название"
+        placeholder="Введите название"
+        onChangeCallback={(value) => sectionForm.setValue("title", value)}
+      />
+
+      <RelationInput
+        name="subject"
+        options={subjectOptions}
+        activeValue={activeValue}
+        setActiveValue={(value) => {
+          sectionForm.setValue("subjectId", +value.value);
+          setActiveValue(value);
+        }}
+        label="Предмет"
+        placeholder="Выберите предмет..."
+        isLoading={isFetching}
+        onSearch={(value) => {
+          setSearch(value);
+          refetch();
+        }}
+      />
     </Resource>
   );
 }
diff --git a/src/pages/subjects/SubjectDetails.tsx b/src/pages/subjects/SubjectDetails.tsx
index 36e174d..e12eb82 100644
--- a/src/pages/subjects/SubjectDetails.tsx
+++ b/src/pages/subjects/SubjectDetails.tsx
@@ -1,14 +1,18 @@
-import Button from "@/components/shared/Button/Button";
 import CustomInput from "@/components/shared/CustomInput/CustomInput";
 import Resource from "@/components/shared/Resource/Resource";
 import { QUERY_KEYS } from "@/constants/queryKeys";
 import { ROUTES } from "@/constants/routes";
 import { useNotification } from "@/hooks/useNotification";
 import { ISubjectCreate } from "@/interfaces/subject";
-import { useSubjectMutation } from "@/queries/subjects";
+import {
+  useSubjectDeletion,
+  useSubjectDetailsQuery,
+  useSubjectMutation,
+} from "@/queries/subjects";
 import { useQueryClient } from "@tanstack/react-query";
+import { useEffect } from "react";
 import { SubmitHandler, useForm } from "react-hook-form";
-import { useNavigate } from "react-router-dom";
+import { useNavigate, useParams } from "react-router-dom";
 
 const initialValues = {
   title: "",
@@ -22,10 +26,39 @@ interface SubjectForm {
 function SubjectDetails() {
   const queryClient = useQueryClient();
 
+  const { id } = useParams();
+
   const navigate = useNavigate();
 
   const { showErrorNotification, showSuccessNotification } = useNotification();
 
+  const {
+    data: existingSubject,
+    isLoading,
+    isSuccess,
+  } = useSubjectDetailsQuery(+id!, {
+    enabled: !!id,
+  });
+
+  const { mutate: deleteSubject, isPending: isDeleting } = useSubjectDeletion(
+    +id!,
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries({
+          refetchType: "all",
+          queryKey: [QUERY_KEYS.SUBJECTS],
+        });
+
+        navigate(ROUTES.SUBJECTS);
+
+        showSuccessNotification();
+      },
+      onError: () => {
+        showErrorNotification();
+      },
+    }
+  );
+
   const { mutate: createSubject, isPending } = useSubjectMutation({
     onSuccess: () => {
       queryClient.invalidateQueries({
@@ -40,6 +73,7 @@ function SubjectDetails() {
     onError: () => {
       showErrorNotification();
     },
+    id: +id!,
   });
 
   const subjectForm = useForm<SubjectForm>({
@@ -53,23 +87,31 @@ function SubjectDetails() {
     createSubject(data);
   };
 
+  useEffect(() => {
+    if (existingSubject && id) {
+      subjectForm.reset({
+        title: existingSubject.title,
+      });
+    }
+  }, [id, subjectForm, existingSubject, isSuccess]);
+
   return (
-    <Resource title="Предмет">
-      <form onSubmit={subjectForm.handleSubmit(onSubmit)}>
-        <CustomInput
-          name="title"
-          label="Название"
-          placeholder="Введите название"
-          onChangeCallback={(value) => subjectForm.setValue("title", value)}
-        />
-
-        <Button
-          type="submit"
-          text="Создать"
-          disabled={!isValid}
-          isLoading={isPending}
-        />
-      </form>
+    <Resource
+      title="Предмет"
+      onDeleteClick={deleteSubject}
+      isDeleting={isDeleting}
+      isExisting={!!id}
+      isLoading={isLoading}
+      isSaveButtonLoading={isPending}
+      onSaveClick={() => onSubmit(subjectForm.getValues())}
+      isSaveDisabled={!isValid || !subjectForm.formState.isDirty}
+    >
+      <CustomInput
+        {...subjectForm.register("title")}
+        label="Название"
+        placeholder="Введите название"
+        onChangeCallback={(value) => subjectForm.setValue("title", value)}
+      />
     </Resource>
   );
 }
diff --git a/src/pages/topics/TopicDetails.tsx b/src/pages/topics/TopicDetails.tsx
index b2ed174..1670d1b 100644
--- a/src/pages/topics/TopicDetails.tsx
+++ b/src/pages/topics/TopicDetails.tsx
@@ -1,4 +1,3 @@
-import Button from "@/components/shared/Button/Button";
 import CustomInput from "@/components/shared/CustomInput/CustomInput";
 import RelationInput from "@/components/shared/RelationInput/RelationInput";
 import Resource from "@/components/shared/Resource/Resource";
@@ -8,11 +7,15 @@ import { useNotification } from "@/hooks/useNotification";
 import { IOption } from "@/interfaces/common";
 import { ITopicCreate } from "@/interfaces/topic";
 import { useSectionsQuery } from "@/queries/sections";
-import { useTopicMutation } from "@/queries/topics";
+import {
+  useTopicDeletion,
+  useTopicDetailsQuery,
+  useTopicMutation,
+} from "@/queries/topics";
 import { useQueryClient } from "@tanstack/react-query";
 import { useEffect, useMemo, useState } from "react";
 import { SubmitHandler, useForm } from "react-hook-form";
-import { useNavigate } from "react-router-dom";
+import { useNavigate, useParams } from "react-router-dom";
 
 interface TopicForm {
   title: string;
@@ -27,12 +30,20 @@ const initialValues: TopicForm = {
 function TopicDetails() {
   const queryClient = useQueryClient();
 
+  const { id } = useParams();
+
   const navigate = useNavigate();
 
   const [search, setSearch] = useState("");
 
   const { showSuccessNotification, showErrorNotification } = useNotification();
 
+  const {
+    data: existingTopic,
+    isLoading,
+    isSuccess,
+  } = useTopicDetailsQuery(+id!, { enabled: !!id });
+
   const {
     data: sections,
     isPending: isSectionsLoading,
@@ -53,7 +64,7 @@ function TopicDetails() {
     [sections]
   );
 
-  const { mutate: createTopic, isPending } = useTopicMutation({
+  const { mutate, isPending } = useTopicMutation({
     onSuccess: () => {
       queryClient.invalidateQueries({
         refetchType: "all",
@@ -67,8 +78,28 @@ function TopicDetails() {
     onError: () => {
       showErrorNotification();
     },
+    id: +id!,
   });
 
+  const { mutate: deleteTopic, isPending: isDeleting } = useTopicDeletion(
+    +id!,
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries({
+          refetchType: "all",
+          queryKey: [QUERY_KEYS.TOPICS],
+        });
+
+        navigate(ROUTES.TOPICS);
+
+        showSuccessNotification();
+      },
+      onError: () => {
+        showErrorNotification();
+      },
+    }
+  );
+
   const topicForm = useForm<TopicForm>({
     defaultValues: initialValues,
     mode: "onBlur",
@@ -77,54 +108,68 @@ function TopicDetails() {
   const isValid = Object.values(topicForm.formState.errors).length === 0;
 
   const onSubmit: SubmitHandler<TopicForm> = (data: ITopicCreate) => {
-    createTopic(data);
+    mutate(data);
   };
 
   useEffect(() => {
-    setActiveValue({
-      label: sections?.[0].title,
-      value: sections?.[0].id.toString(),
-    });
+    if (existingTopic && id) {
+      topicForm.reset({
+        title: existingTopic.title,
+        sectionId: existingTopic.sectionId,
+      });
+      setActiveValue({
+        label: existingTopic.section.title,
+        value: existingTopic.section.id.toString(),
+      });
+    }
+  }, [isSuccess, existingTopic, topicForm, id]);
+
+  useEffect(() => {
+    if (!existingTopic || !id) {
+      setActiveValue({
+        label: sections?.[0].title,
+        value: sections?.[0].id.toString(),
+      });
+    }
 
     if (sections) {
       topicForm.setValue("sectionId", sections[0].id);
     }
-  }, [sections, topicForm]);
+  }, [sections, topicForm, existingTopic, id]);
 
   return (
-    <Resource title="Топик">
-      <form onSubmit={topicForm.handleSubmit(onSubmit)}>
-        <CustomInput
-          name="title"
-          label="Название"
-          placeholder="Введите название"
-          onChangeCallback={(value) => topicForm.setValue("title", value)}
-        />
-
-        <RelationInput
-          name="section"
-          options={sectionOptions}
-          activeValue={activeValue}
-          setActiveValue={(value) => {
-            topicForm.setValue("sectionId", +value.value);
-            setActiveValue(value);
-          }}
-          label="Раздел"
-          placeholder="Выберите раздел..."
-          isLoading={isSectionsLoading}
-          onSearch={(value) => {
-            setSearch(value);
-            refetch();
-          }}
-        />
-
-        <Button
-          type="submit"
-          text="Создать"
-          disabled={!isValid}
-          isLoading={isPending}
-        />
-      </form>
+    <Resource
+      title="Топик"
+      isExisting={!!id}
+      isSaveDisabled={!isValid || !topicForm.formState.isDirty}
+      isSaveButtonLoading={isPending}
+      onDeleteClick={deleteTopic}
+      isDeleting={isDeleting}
+      onSaveClick={() => onSubmit(topicForm.getValues())}
+    >
+      <CustomInput
+        {...topicForm.register("title")}
+        label="Название"
+        placeholder="Введите название"
+        onChangeCallback={(value) => topicForm.setValue("title", value)}
+      />
+
+      <RelationInput
+        name="section"
+        options={sectionOptions}
+        activeValue={activeValue}
+        setActiveValue={(value) => {
+          topicForm.setValue("sectionId", +value.value);
+          setActiveValue(value);
+        }}
+        label="Раздел"
+        placeholder="Выберите раздел..."
+        isLoading={isSectionsLoading}
+        onSearch={(value) => {
+          setSearch(value);
+          refetch();
+        }}
+      />
     </Resource>
   );
 }
diff --git a/src/queries/groups.ts b/src/queries/groups.ts
index b538416..5bc450e 100644
--- a/src/queries/groups.ts
+++ b/src/queries/groups.ts
@@ -5,17 +5,21 @@ import {
   getGroupDetails,
   getGroups,
   removeGroup,
+  updateGroup,
 } from "../requests/groups";
 import { useMutation, useQuery } from "@tanstack/react-query";
+import { IGroupCreate } from "@/interfaces/group";
 
 interface MutationQuery {
   onSuccess?: (data: IGroup) => void;
   onError?: () => void;
+  id?: number;
 }
 
-export const useGroupMutation = ({ onSuccess, onError }: MutationQuery) => {
+export const useGroupMutation = ({ onSuccess, onError, id }: MutationQuery) => {
   const { data, mutate, isPending } = useMutation({
-    mutationFn: createGroup,
+    mutationFn: (data: IGroupCreate) =>
+      id ? updateGroup(id, data) : createGroup(data),
     onSuccess,
     onError,
   });
@@ -41,15 +45,21 @@ export const useGroupsQuery = () => {
   };
 };
 
-export const useGroupDetailsQuery = (id: number) => {
-  const { data, isLoading } = useQuery({
+interface QueryParams {
+  enabled?: boolean;
+}
+
+export const useGroupDetailsQuery = (id: number, { enabled }: QueryParams) => {
+  const { data, isLoading, isSuccess } = useQuery<IGroup>({
     queryFn: () => getGroupDetails(id),
     queryKey: [QUERY_KEYS.GROUPS, id],
+    enabled,
   });
 
   return {
     data,
     isLoading,
+    isSuccess,
   };
 };
 
@@ -57,13 +67,14 @@ export const useGroupDeletion = (
   id: number,
   { onSuccess, onError }: MutationQuery
 ) => {
-  const { isPending } = useMutation({
+  const { mutate, isPending } = useMutation({
     mutationFn: () => removeGroup(id),
     onError,
     onSuccess,
   });
 
   return {
+    mutate,
     isPending,
   };
 };
diff --git a/src/queries/lectures.ts b/src/queries/lectures.ts
index 7c0ed08..f49cb1d 100644
--- a/src/queries/lectures.ts
+++ b/src/queries/lectures.ts
@@ -1,6 +1,11 @@
 import { QUERY_KEYS } from "@/constants/queryKeys";
 import { ILecture } from "@/interfaces/lecture";
-import { createLecture, getLectures, removeLecture } from "@/requests/lectures";
+import {
+  createLecture,
+  getLectureDetails,
+  getLectures,
+  removeLecture,
+} from "@/requests/lectures";
 import { useMutation, useQuery } from "@tanstack/react-query";
 
 export const useLecturesQuery = () => {
@@ -17,6 +22,27 @@ export const useLecturesQuery = () => {
   };
 };
 
+interface QueryParams {
+  enabled?: boolean;
+}
+
+export const useLectureDetailsQuery = (
+  id: number,
+  { enabled }: QueryParams
+) => {
+  const { data, isLoading, isSuccess } = useQuery<ILecture>({
+    queryFn: () => getLectureDetails(id),
+    queryKey: [QUERY_KEYS.LECTURES, id],
+    enabled,
+  });
+
+  return {
+    data,
+    isLoading,
+    isSuccess,
+  };
+};
+
 interface MutationQuery {
   onSuccess?: (data: ILecture) => void;
   onError?: () => void;
@@ -40,13 +66,14 @@ export const useLectureDeletion = (
   id: number,
   { onSuccess, onError }: MutationQuery
 ) => {
-  const { isPending } = useMutation({
+  const { mutate, isPending } = useMutation({
     mutationFn: () => removeLecture(id),
     onError,
     onSuccess,
   });
 
   return {
+    mutate,
     isPending,
   };
 };
diff --git a/src/queries/sections.ts b/src/queries/sections.ts
index e882bf9..00a060c 100644
--- a/src/queries/sections.ts
+++ b/src/queries/sections.ts
@@ -1,6 +1,11 @@
 import { QUERY_KEYS } from "@/constants/queryKeys";
 import { ISection } from "@/interfaces/section";
-import { createSection, getSections, removeSection } from "@/requests/sections";
+import {
+  createSection,
+  getSectionDetails,
+  getSections,
+  removeSection,
+} from "@/requests/sections";
 import { useMutation, useQuery } from "@tanstack/react-query";
 
 interface QueryParams {
@@ -23,6 +28,23 @@ export const useSectionsQuery = ({ params, enabled }: QueryParams) => {
   };
 };
 
+export const useSectionDetailsQuery = (
+  id: number,
+  { enabled }: QueryParams
+) => {
+  const { data, isPending, isSuccess } = useQuery({
+    queryFn: () => getSectionDetails(id),
+    queryKey: [QUERY_KEYS.SECTIONS, id],
+    enabled,
+  });
+
+  return {
+    data,
+    isPending,
+    isSuccess,
+  };
+};
+
 interface MutationQuery {
   onSuccess?: (data: ISection) => void;
   onError?: () => void;
@@ -46,13 +68,14 @@ export const useSectionDeletion = (
   id: number,
   { onSuccess, onError }: MutationQuery
 ) => {
-  const { isPending } = useMutation({
+  const { mutate, isPending } = useMutation({
     mutationFn: () => removeSection(id),
     onSuccess,
     onError,
   });
 
   return {
+    mutate,
     isPending,
   };
 };
diff --git a/src/queries/subjects.ts b/src/queries/subjects.ts
index 7274abf..19a2201 100644
--- a/src/queries/subjects.ts
+++ b/src/queries/subjects.ts
@@ -1,9 +1,11 @@
 import { QUERY_KEYS } from "../constants/queryKeys";
-import { ISubject } from "../interfaces/subject";
+import { ISubject, ISubjectCreate } from "../interfaces/subject";
 import {
   createSubject,
+  getSubjectDetails,
   getSubjects,
   removeSubject,
+  updateSubject,
 } from "../requests/subjects";
 import { useMutation, useQuery } from "@tanstack/react-query";
 
@@ -31,14 +33,37 @@ export const useSubjectsQuery = ({ params, enabled }: QueryParams) => {
   };
 };
 
+export const useSubjectDetailsQuery = (
+  id: number,
+  { enabled }: QueryParams
+) => {
+  const { data, isLoading, isSuccess } = useQuery({
+    queryFn: () => getSubjectDetails(id),
+    queryKey: [QUERY_KEYS.SUBJECTS, id],
+    enabled,
+  });
+
+  return {
+    data,
+    isLoading,
+    isSuccess,
+  };
+};
+
 interface MutationQuery {
   onSuccess?: (data: ISubject) => void;
   onError?: () => void;
+  id?: number;
 }
 
-export const useSubjectMutation = ({ onSuccess, onError }: MutationQuery) => {
+export const useSubjectMutation = ({
+  onSuccess,
+  onError,
+  id,
+}: MutationQuery) => {
   const { data, mutate, isPending } = useMutation({
-    mutationFn: createSubject,
+    mutationFn: (data: ISubjectCreate) =>
+      id ? updateSubject(id, data) : createSubject(data),
     onSuccess,
     onError,
   });
@@ -54,13 +79,14 @@ export const useSubjectDeletion = (
   id: number,
   { onSuccess, onError }: MutationQuery
 ) => {
-  const { isPending } = useMutation({
+  const { mutate, isPending } = useMutation({
     mutationFn: () => removeSubject(id),
     onSuccess,
     onError,
   });
 
   return {
+    mutate,
     isPending,
   };
 };
diff --git a/src/queries/topics.ts b/src/queries/topics.ts
index 9fc7130..4afe5d0 100644
--- a/src/queries/topics.ts
+++ b/src/queries/topics.ts
@@ -1,6 +1,12 @@
 import { QUERY_KEYS } from "@/constants/queryKeys";
-import { ITopic } from "@/interfaces/topic";
-import { createTopic, getTopics, removeTopic } from "@/requests/topics";
+import { ITopic, ITopicCreate } from "@/interfaces/topic";
+import {
+  createTopic,
+  getTopicDetails,
+  getTopics,
+  removeTopic,
+  updateTopic,
+} from "@/requests/topics";
 import { useMutation, useQuery } from "@tanstack/react-query";
 
 interface QueryParams {
@@ -23,14 +29,30 @@ export const useTopicsQuery = ({ params, enabled }: QueryParams) => {
   };
 };
 
+export const useTopicDetailsQuery = (id: number, { enabled }: QueryParams) => {
+  const { data, isLoading, isSuccess } = useQuery<ITopic>({
+    queryFn: () => getTopicDetails(id),
+    queryKey: [QUERY_KEYS.TOPICS, id],
+    enabled,
+  });
+
+  return {
+    data,
+    isLoading,
+    isSuccess,
+  };
+};
+
 interface MutationQuery {
   onSuccess?: (data: ITopic) => void;
   onError?: () => void;
+  id?: number;
 }
 
-export const useTopicMutation = ({ onError, onSuccess }: MutationQuery) => {
+export const useTopicMutation = ({ onError, onSuccess, id }: MutationQuery) => {
   const { data, mutate, isPending } = useMutation({
-    mutationFn: createTopic,
+    mutationFn: (data: ITopicCreate) =>
+      id ? updateTopic(id, data) : createTopic(data),
     onSuccess,
     onError,
   });
@@ -46,13 +68,14 @@ export const useTopicDeletion = (
   id: number,
   { onError, onSuccess }: MutationQuery
 ) => {
-  const { isPending } = useMutation({
+  const { mutate, isPending } = useMutation({
     mutationFn: () => removeTopic(id),
     onError,
     onSuccess,
   });
 
   return {
+    mutate,
     isPending,
   };
 };
diff --git a/src/requests/groups.ts b/src/requests/groups.ts
index 30abede..f8e7917 100644
--- a/src/requests/groups.ts
+++ b/src/requests/groups.ts
@@ -15,6 +15,13 @@ export async function createGroup(data: IGroupCreate): Promise<IGroup> {
   return axios.post(API_GROUPS, data).then(({ data }) => data);
 }
 
+export async function updateGroup(
+  id: number,
+  data: Partial<IGroupCreate>
+): Promise<IGroup> {
+  return axios.patch(`${API_GROUPS}${id}`, data).then(({ data }) => data);
+}
+
 export async function removeGroup(id: number) {
   return axios.delete(`${API_GROUPS}${id}`).then(({ data }) => data);
 }
diff --git a/src/requests/lectures.ts b/src/requests/lectures.ts
index 6302969..ff3e3c8 100644
--- a/src/requests/lectures.ts
+++ b/src/requests/lectures.ts
@@ -2,18 +2,22 @@ import { ILecture, ILectureCreate } from "../interfaces/lecture";
 import { API_LECTURES } from "../constants/apiConstants";
 import axios from "axios";
 
-export async function getLectures(id?: number): Promise<ILecture[]> {
-  if (id) {
-    return axios.get(`${API_LECTURES}/${id}`).then(({ data }) => data);
-  }
-
+export async function getLectures(): Promise<ILecture[]> {
   return axios.get(API_LECTURES).then(({ data }) => data);
 }
 
+export async function getLectureDetails(id: number): Promise<ILecture> {
+  return axios.get(`${API_LECTURES}${id}`).then(({ data }) => data);
+}
+
 export async function createLecture(data: ILectureCreate) {
   return axios.post(API_LECTURES, data).then(({ data }) => data);
 }
 
+export async function updateLecture(id: number, data: Partial<ILectureCreate>) {
+  return axios.patch(`${API_LECTURES}${id}`, data).then(({ data }) => data);
+}
+
 export async function removeLecture(id: number) {
   return axios.delete(`${API_LECTURES}${id}`).then(({ data }) => data);
 }
diff --git a/src/requests/sections.ts b/src/requests/sections.ts
index 2835016..d19e8f0 100644
--- a/src/requests/sections.ts
+++ b/src/requests/sections.ts
@@ -12,10 +12,21 @@ export async function getSections(search?: string): Promise<ISection[]> {
     .then(({ data }) => data);
 }
 
+export async function getSectionDetails(id: number): Promise<ISection> {
+  return axios.get(`${API_SECTIONS}${id}`).then(({ data }) => data);
+}
+
 export async function createSection(data: ISectionCreate): Promise<ISection> {
   return axios.post(API_SECTIONS, data).then(({ data }) => data);
 }
 
+export async function updateSection(
+  id: number,
+  data: Partial<ISectionCreate>
+): Promise<ISection> {
+  return axios.patch(`${API_SECTIONS}${id}`, data).then(({ data }) => data);
+}
+
 export async function removeSection(id: number) {
   return axios.delete(`${API_SECTIONS}${id}`).then(({ data }) => data);
 }
diff --git a/src/requests/subjects.ts b/src/requests/subjects.ts
index 841f0ff..c44d680 100644
--- a/src/requests/subjects.ts
+++ b/src/requests/subjects.ts
@@ -12,10 +12,21 @@ export async function getSubjects(search?: string): Promise<ISubject[]> {
     .then(({ data }) => data);
 }
 
+export async function getSubjectDetails(id: number): Promise<ISubject> {
+  return axios.get(`${API_SUBJECTS}${id}`).then(({ data }) => data);
+}
+
 export function createSubject(data: ISubjectCreate): Promise<ISubject> {
   return axios.post(API_SUBJECTS, data).then(({ data }) => data);
 }
 
+export function updateSubject(
+  id: number,
+  data: Partial<ISubjectCreate>
+): Promise<ISubject> {
+  return axios.patch(`${API_SUBJECTS}${id}`, data).then(({ data }) => data);
+}
+
 export async function removeSubject(id: number) {
   return axios.delete(`${API_SUBJECTS}${id}`).then(({ data }) => data);
 }
diff --git a/src/requests/topics.ts b/src/requests/topics.ts
index 97cf562..a2c6b6c 100644
--- a/src/requests/topics.ts
+++ b/src/requests/topics.ts
@@ -12,10 +12,21 @@ export async function getTopics(search?: string): Promise<ITopic[]> {
     .then(({ data }) => data);
 }
 
+export async function getTopicDetails(id: number) {
+  return axios.get(`${API_TOPICS}${id}`).then(({ data }) => data);
+}
+
 export async function createTopic(data: ITopicCreate): Promise<ITopic> {
   return axios.post(API_TOPICS, data).then(({ data }) => data);
 }
 
+export async function updateTopic(
+  id: number,
+  data: Partial<ITopicCreate>
+): Promise<ITopic> {
+  return axios.patch(`${API_TOPICS}${id}`, data).then(({ data }) => data);
+}
+
 export async function removeTopic(id: number) {
   return axios.delete(`${API_TOPICS}${id}`).then(({ data }) => data);
 }
diff --git a/src/routes/RootRouter.tsx b/src/routes/RootRouter.tsx
index a57d5db..720aa29 100644
--- a/src/routes/RootRouter.tsx
+++ b/src/routes/RootRouter.tsx
@@ -25,15 +25,20 @@ const router = createBrowserRouter(
       <Route index element={<Home />} />
       <Route path="login" element={<Login />} />
       <Route path="office" element={<DashboardLayout />}>
+        <Route path="group" element={<GroupDetails />} />
         <Route path="group/:id" element={<GroupDetails />} />
         <Route path="groups" element={<GroupsPage />} />
         <Route path="sections" element={<SectionsPage />} />
+        <Route path="section" element={<SectionDetails />} />
         <Route path="section/:id" element={<SectionDetails />} />
         <Route path="topics" element={<TopicsPage />} />
+        <Route path="topic" element={<TopicDetails />} />
         <Route path="topic/:id" element={<TopicDetails />} />
         <Route path="lectures" element={<LecturesPage />} />
+        <Route path="lecture" element={<LectureDetails />} />
         <Route path="lecture/:id" element={<LectureDetails />} />
         <Route path="subjects" element={<SubjectsPage />} />
+        <Route path="subject" element={<SubjectDetails />} />
         <Route path="subject/:id" element={<SubjectDetails />} />
         <Route path="reg-requests" element={<RegRequestsPage />} />
       </Route>